Sowar, a Javascript class for Mootools framework that creates an images rotator
Switch branches/tags
Nothing to show
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
Source
css
images
README.md
index.html
index.php
package.yml

README.md

Sowar

Sowar 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 position to absoulte
  3. Include mootols-core file and Sowar.js and css file
  4. Create the rotator element
  5. window.addEvent('domready', function(){ var sora1 = new Sowar('mainElementConatiner'[,options]); });
Options:
  • 'elementsSelector', main element selector, default: '.sowar-element'
  • wrapperSelector, main wrapper selector, default: '#sowar-wrapper'
  • pagingContainerSelector, paging conatiner selector, default: '#paging-conatiner'
  • pagingElementsClass, paging elements selector, default: 'paging-element'
  • slideShowDelay, default: 3000
  • transition, default: 'bounce:out'
  • transitionDelay, default: 'normal'
  • direction, right or left, default: 'left'
  • elementsWidth, width the elements

Screenshots

Screenshot Screenshot