Sowar2 creates an images rotator that can be easily customized
- Create a main conatiner and a wrapper, inside them create the rotator elements conatiners
- Be sure to have the main conatiner position set as absoulte or relative and overflow to hidden and Wrapper positi on to absoulte
- Include mootols-core file and Sowar2.js and css file
- Create the slider Object
- window.addEvent('domready', function(){ var sora2 = new Sowar2('mainElementConatiner'[,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