Sowar 1

Sowar creates an images rotator that can be easily customized



Details

Author
Dirar Abu Kteish
Current version
1
GitHub
dirar/Sowar
Downloads
1481
Category
Widgets
Tags
Report
GitHub Issues

Releases


Dependencies

  • core/1.2.5:
    • Core
    • Browser
    • Native
    • Array
    • Function
    • Number
    • String
    • Hash
    • Event
    • Class
    • Class.Extras
    • Element
    • Element.Event
    • Element.Style
    • Element.Dimensions
    • Selectors
    • Fx
    • Fx.CSS
    • Fx.Tween
    • DomReady

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


Discuss

A note on comments here: These comments are moderated. No comments will show up until they are approved. Comments that are not productive (i.e. inflammatory, rude, etc) will not be approved.

Found a bug in this plugin? Please report it this repository's Github Issues.

blog comments powered by Disqus