Member Avatar for phorce

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
  • 98 Views
  • 18 Minutes Discussion Span
  • Latest Post Latest Post by Sahil89
Member Avatar for Sahil89

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

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.