Image Slider that displays next and prevouse slide
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
Source
css
img
README.md
index.html
package.yml

README.md

Sowar2

Sowar2 creates an images rotator that can be easily customized

Screenshot

How to use

  1. Create a main conatiner and a wrapper, inside them create the rotator elements conatiners
  2. Be sure to have the main conatiner position set as absoulte or relative and overflow to hidden and Wrapper positi on to absoulte
  3. Include mootols-core file and Sowar2.js and css file
  4. Create the slider Object
  5. window.addEvent('domready', function(){ var sora2 = new Sowar2('mainElementConatiner'[,options]); });

Options:

  • 'elementsSelector', main element selector, default: '.sowar-element'
  • wrapperSelector, main wrapper selector, default: '#sowar-wrapper'
  • slideShowDelay, default: 3000
  • transition, default: Fx.Transitions.linear
  • transitionDelay, default: 400
  • direction, right or left, default: 'left'
  • elementsWidth, width the elements
  • leftArrow, arrow element
  • rightArrow, arrow element
  • pauseonOver, pause when mouse over, defualt: true
  • autoSlide, autoslide, default: true

Screenshots

Screenshot Screenshot