Fare durduğunda jquery efektini durdurun

Question

Görüntüyü aldığında ve farklı görüntüleri aşağıda kaydırdığında bir efekt başlatıyorum, ancak fare durdurulduğunda efektin durmasını istiyorsanız, en iyi çözüm hangisi olurdu?

burada

html jsfiddle - css - jQuery kodu

bu benim örneğidir

jQuery.noConflict()(function($) { 

    $(document).ready(function() { 
     var timeout; 

     var flipImages = function($container) { 
      var amount = $container.data("amount"); 
      var current = $container.data("current"); 

      if (current >= amount) { 
       current = 1; 
      } else { 
       current = current + 1; 
      } 
      var dataAttr = "image" + current; 
      var image = $container.data(dataAttr); 
      $container.hide(0, function() { 
       $container.css("background-image", "url(" + image + ")"); 
       $container.show(0); 
       $container.data("current", current); 
      }); 
      timeout = setTimeout(function() { 
       flipImages($container); 
      }, 1000) 
     }; 

     $(".ct-image").hover(
      function() { 
       var $that = $(this); 
       timeout = setTimeout(function() { 
        flipImages($that); 
       }, 1000) 
      }, 
      function() { 
       if (timeout) { 
        clearTimeout(timeout); 
       } 
      }); 
    }); 
}); 

Answer 1

jQuery'ye

İşte

$('.ct-image').mousemove(function(){ 
    //your code here 
}); 

'mousemove' olayı ile 'mousemove' olayını kullanabilirsiniz Sadece farenizi görüntü üzerinde hareket ettirdiğinizde tetikler. Hareket etmeyi bırakırsanız, hiçbir olay tetiklenmez.

Burada doktor kontrol edebilirsiniz: Eğer "fare durdurulur" demek istiyorsunuz ne https://api.jquery.com/mousemove/

Alkış