jquery - play flexslider on hover? -

how can first stop flexslider , play on hover? , challenge theres multiple on same page. works but

1. it crashes jquery , nothing works after (some markup missed?)

2. if user jumps tab on browser dozen flexsliders start play simultaneously (is because window load or - not happen on page load when switching browser tab)

   $(window).load(function() {  $('.preview').each(function(index){  if($(".preview").eq(index).length) {  $('.preview').eq(index).flexslider({     slideshowspeed: 225,     animationspeed: 150,     initdelay: 0,       usecss: true,     animation: "fade",     controlnav: false,     directionnav: false,     start: function(slider) {         $('.preview').removeclass('loading');         slider.pause();         slider.manualpause = true;         slider.mouseover(function() {             slider.manualpause = false;             slider.play();         });         slider.mouseout(function() {             slider.manualpause = true;             slider.pause();         });     },     keyboard: false  });  }  })  }); 

3. the answer below perfect if have 1 slider have multiple on same page.

(i'm pretty sure eq nothing or not setup correctly)

remove start callback initialisation , try this:

$(document).on("hover", ".flex-viewport img", function() {     $('.preview').play(); }, function() {     $('.preview').pause(); });