I'm using this simple slideshow and wondered if anyone knew how to
make it pause when I moved my mouse over it and then start again if I
move my mouse off the image?

There is a demo of the slideshow here: 
http://script.aculo.us/stuff/simplest_slideshow/

This is the main code:

<script>
setInterval(function(){
  var imgs = $$('.fadein img'),
   visible = imgs.findAll(function(img){ return img.visible(); });
  if(visible.length>1) visible.last().fade({ duration: 1 });
    else imgs.last().appear({ duration: 1,
      afterFinish: function(){ imgs.slice(0,imgs.length-1).invoke
('show');  } });
}, 2000);
</script>

Thanks!
-- 
You received this message because you are subscribed to the Google Groups 
"Prototype & script.aculo.us" group.
To post to this group, send email to prototype-scriptacul...@googlegroups.com.
To unsubscribe from this group, send email to 
prototype-scriptaculous+unsubscr...@googlegroups.com.
For more options, visit this group at 
http://groups.google.com/group/prototype-scriptaculous?hl=en.


Reply via email to