JQuery Image Rotator with iPhone-like Page Dots

I need a jQuery image rotator that rotates 4 images (fade in / out every 5 seconds or so), but it has iPhone page dots to show which one is currently being displayed ( Dots example ). How would you do it? Any help would be appreciated.

+2


source to share


3 answers


Scroll jQuery Tools: http://flowplayer.org/tools/demos/scrollable/plugins/index.html



You can configure the container to only show one image instead of five and use the navi plugin. Or roll your own, all you really need to do is match the index of the image shown in the index of the list item and assign the "active" class ....

+1


source


You can use Nivo Slider for this with minor modifications.



+1


source


I think any rotator with navigation can easily be made to look like this (replace the navigation text with bullets or images) like:

http://www.gmarwaha.com/jquery/jcarousellite/#demo

(scroll down and click "Image Slider - External Controls" in the right navigation column for an example)

Another option might be the suggestions offered by http://jqtouch.com/ .

0


source







All Articles