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);
});

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 :)