How to make the gallery move automatically

I am trying to get this gallery to automatically move, but I cannot find a command to do this in the script. Maybe I missed something? Here is the script.

This is a script

http://syndicatebox.com/jquery.slidingGallery-1.2.min.js

I am using this script

http://www.meadmiracle.com/SlidingGallery.aspx

I use this to call a script to work. But I can’t use the automatic slide function without clicking here.

<script language="javascript" type="text/javascript"> $(function() { $('div.gallery img').slidingGallery({ Lwidth: 400, Lheight: 300, Lshrink: function(dim) { return dim * 0.5; }, gutterWidth: -8, container: $('div.gallery') }); }); </script> 
+7
source share
4 answers

I am cross-posting my answer from https://stackoverflow.com/a/312960/

 <script type="text/javascript"> var autoSlideInterval; function start_autoslide(){ autoSlideInterval = setInterval( function(){ $.galleryUtility.slideLeft() ; }, 5000); } function stop_autoslide(){ clearInterval( autoSlideInterval ); } $(function() { $('div.gallery img').slidingGallery(); start_autoslide(); }); </script> 
+8
source

Not sure what else you are looking for with your generosity, but my recommendation is to use a carousel that does exactly what you want.

I had nothing but good impressions of http://caroufredsel.frebsite.nl/ . The author quickly answers questions, adds features, and even has a setup wizard to get slide shows with almost zero manual settings.

There are options for circular, endless, automatic playback, from the keyboard, pause-freezing, setting cookies, changing directions, etc. etc..

I do not participate in the project at all, but this is the only gallery that I will use for my work.

+1
source

Call these methods yourself?

 $.galleryUtility.slideRight( ) $.galleryUtility.slideLeft( ) 
0
source

since this is jQuery, you can use "stepcarousel.js" β†’ http://www.dynamicdrive.com/dynamicindex4/stepcarousel.htm , you can include this line of code in your script to call an automatic function.

 autostep: {enable: true, moveby:1, pause:5000}, 

hope this helps ...

0
source

All Articles