Stop jquery Effekt, wenn die Maus gestoppt ist

Question

Ich habe einen Effekt starten, wenn das Bild, es ist schweben und schieben Sie die verschiedenen Bilder unten, aber wenn ich möchte, dass der Effekt zu stoppen, wenn die Maus gestoppt wird, was wäre die beste Lösung?

hier jsfiddle mit html - CSS - jQuery-Code

dies ist mein Beispiel

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

Sie können das 'mousemove-' Ereignis mit jQuery

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

Hier mousemove- 'Veranstaltung wird nur ausgelöst, wenn Sie Ihre Maus auf das Bild bewegen. Wenn Sie mit dem Verschieben aufhören, wird kein Ereignis ausgelöst.

Sie können das Dokument hier überprüfen: https://api.jquery.com/mousemove/

Prost