Pause multiple versions of the slider on one page on same mouseover

[webblybrown]

OK so I am trying to pause ALL the slide animations on a page. At the moment I have three rows of boxes all using the same slider script, sharing the same class name. What I am trying to do is pause all 3 of those animations when one of them is moused over.

I have 3 sections marked up like in a standard list. I have data-hover mouseover script that adds a mouseover image, I have tried taking it out incase it was the problem, but I could still not resolve the issue.

Im using the script quite simply like this:

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

I know the pause rule will stop the animation, but what I want is for that pause rule to stop ALL 3 instances of this slide one the page, how can I achieve that??

I have tried using a .stop rule like this:

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

But that does not seem to work! The development URL for this is http://vane.vanillasoftware.co.uk

[arielsalminen]

Unfortunately this is not possible with Responsive Slides at the moment.