I am trying to get this gallery to automatically move, but i cant find the command to do so in the script. Maybe i am missing something? Here is the script.
This is the script
http://syndicatebox.com/jquery.slidingGallery-1.2.min.js
I am using this script
http://www.meadmiracle.com/SlidingGallery.aspx
I am using this to call the script to work. But i am unable of the function here to make it automatically slide without clicking.
<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>
Motionleap brings life to images through animation, creating moving pictures that will wow anyone from your friends to Instagram followers. Animate one element or several, drawing attention to parts of your photo that YOU want to come alive.
I am cross-posting my answer from https://stackoverflow.com/q/8250488/128165
<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>
Not sure what else you are looking for with your bounty, but my recommendation is to use a carousel that does exactly what you want.
I have had nothing but good experiences with http://caroufredsel.frebsite.nl/. The author is quick to answer questions, add features, and even has a setup wizard to get the slideshow going with almost zero manual configuration.
There are options for it to be circular, infinite, auto-play, keyboard driven, pause-on-hover, set cookies, changes directions, etc etc.
I'm not involved with the project at all, but this is the only gallery I'll use for my work.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With