在mouseover上暫停所有動畫？

Question

好吧，我試圖暫停頁面上的所有幻燈片動畫。此刻，我有三行框都使用相同的滑塊腳本，共享相同的類名。我試圖做的是暫停所有3個這些動畫時，其中一個被挖空。

我使用從http://responsive-slides.viljamis.com/ 的響應幻燈片腳本這是我怎麼有HTML標記的（請忽略$ Smarty的語法）：

<section class="greenBox"> 
<ul class="rslides slider1"> 
<li><img src="{$smarty.const.SITEURL}/images/vane/celebs/hamilton.jpg" data-hover=" {$smarty.const.SITEURL}/images/vane/celebs/hamiltonQ.jpg" alt="Lewis Hamilton"></li> 
<li><img src="{$smarty.const.SITEURL}/images/vane/celebs/downey.jpg" data-hover="{$smarty.const.SITEURL}/images/vane/celebs/downeyQ.jpg" alt="Robert Downey JR"></li> 
<li><img src="{$smarty.const.SITEURL}/images/vane/celebs/mayer.jpg" data-hover="{$smarty.const.SITEURL}/images/vane/celebs/mayerQ.png" alt="John Mayer"></li> 
</ul> 
</section> 

這裏是jQuery的：

$(function() { 
    $(".slider1").responsiveSlides({ 
    maxwidth: 800, 
    speed: 800, 
    }); 
}); 

當然，我可以添加暫停：true;對此的規則，但是所有這些都會暫停圖像，而其他人則繼續改變。我想要做的是保持這些圖像的順序，所以我需要暫停所有3鼠標懸停！

我一直在使用的停止規則是這樣的嘗試：

$(".slider1").mouseover(function(){ 
$("this").stop(); 
}); 

但是，這並沒有做任何事情。我確定這很簡單，但我的jQuery只在初學者級別，任何幫助？

我工作的網站的網址是http://vane.vanillasoftware.co.uk

Answer 1

變化

$(".slider1").mouseover(function(){ 
$("this").stop(); 
}); 

對於

$(".slider1").mouseover(function(){ 
$(".slider1").children().stop(); 
}); 

Here這是工作。

警告：

站距離jQuery的動畫的方法中，不能由畫廊插件提供了一種方法。這可能會產生不必要的後果。

Answer 2

下面是我從開發商得到了GitHub上 https://github.com/viljamis/ResponsiveSlides.js/issues/95