CODEWITHSUNDEEP
javascriptjquerycarousel
Malachi
Malachi

Reputation: 977

How can I stop the jquery carousel through an onmouseover event?

I use the carousel from http://www.thomaslanciaux.pro/jquery/jquery_carousel.htm and it plays automatically. You can find the script that plays the carousel (the non-minified one here: http://www.thomaslanciaux.pro/js/jquery.carousel.js ) I want the carousel to stop on mouseover event.

I found a function called "stopautoslide(env)", but have no clue how to put that to use. I've tried a few things, but it didn't do what I want it to do. The onmouse events would go inside one of the slides, in which I load a video. So if people would move their mouse over that slide to click on the video to get that started, it should stop the video. (and yes, I've googled for it, without result. I've contacted the maker, without result..)

Any help would be greatly appreciated!

Edit: I tried the first answer, which you view here: http://www.altrient.com/cgi-bin/start.cgi/testpurpose/1test.html (which is to add $('div.caroussel').bind('mouseover',function(){$('div.caroussel').carousel({autoSlide:false});}); to the li.. ) The problem is, that.. I should explain a little bit further how this carousel works: The carousel is set up as a simple div and within that div a list structure (ul, li, you know how). At the bottom of the page, you run a script to actually start that carousel.

Upvotes: 0

Views: 3952

Answers (1)

alonisser
alonisser

Reputation: 12068

If I understand correctly what you are trying to do:

$("div.yourdiv").bind('mouseover',function(){
   $("div.yourdiv").carousel({autoSlide:false});//this is what you should use in the onmouseover inside the li
});

good luck

edit: answering malachi question: the answer is in the code above: calling the carousel plugin with {autoSlide=false} parameter.

edit:you should be adding something instead of the carousel div, after stopping the carousel.. with .append()

Upvotes: 1

Related Questions