0

Hello,

I'm working on an image-gallery type application and I have got the images to work, in that the gallery works and the image changes at the particular interval. BUT, I need a way to stop the images changing when you mouse over the event. Here is what I have so far, but, it does not want to seem to work. Any suggestions?

$(function(){
    $(this).mouseover(function(){
        $(this).toggle();
    });
    $('.fadein img:gt(0)').hide();
    setInterval(function(){
      $('.fadein1 :first-child').fadeOut()
         .next('img').fadeIn()
         .end().appendTo('.fadein1');}, 
      3000);
});
2
Contributors
1
Reply
2
Views
5 Years
Discussion Span
Last Post by Sahil89
0

Hi,
Its been months that I havent seen Jquery. And dont have much time sorry. Have you tried stop() ??

$(this).stop()

It is used to stop ongoing animation. I am not sure whether it is correct or not, but if it is correct it will save your time
Try it and post whether it worked or not :)

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.