如何通过onmouseover事件停止jquery旋转木马
How can I stop the jquery carousel through an onmouseover event?
我使用来自http://www.thomaslanciaux.pro/jquery/jquery_carousel.htm并且它自动播放。你可以在这里找到播放旋转木马的脚本(未缩小的脚本:http://www.thomaslanciaux.pro/js/jquery.carousel.js)我希望转盘在鼠标悬停事件时停止。
我发现了一个名为"stopautoslide(env)"的函数,但不知道如何使用它。我试过一些东西,但它没有达到我想要的效果。室内活动将进入其中一张幻灯片,我在其中加载了一段视频。因此,如果人们将鼠标移到幻灯片上,点击视频开始,应该会停止视频。(是的,我在谷歌上搜索了一下,没有结果。我联系了制造商,没有结果…)
如有任何帮助,我们将不胜感激!
编辑:我尝试了第一个答案,您可以在这里查看:http://www.altrient.com/cgi-bin/start.cgi/testpurpose/1test.html(即添加$('div.caroussel').bind('mouseover',function(){$('dive.caroussel').caroussell({autoSlide:false});});到李。)问题是。。我应该进一步解释一下这个旋转木马是如何工作的:旋转木马被设置为一个简单的div,在这个div中有一个列表结构(ul,li,你知道怎么做的)。在页面底部,您运行一个脚本来实际启动旋转木马。
如果我正确理解您要做的事情:
$("div.yourdiv").bind('mouseover',function(){
$("div.yourdiv").carousel({autoSlide:false});//this is what you should use in the onmouseover inside the li
});
祝好运
edit:回答malachi问题:答案在上面的代码中:用{autoSlide=false}
参数调用carousel插件。
edit:您应该在停止转盘后添加一些东西,而不是转盘div。。带有.append()
- 带有JQuery和CSS的3D旋转木马-渲染不正确
- jQuery的正确使用?猫头鹰旋转木马
- jQuery UI滑块干扰光滑的旋转木马
- jquery mobile的内容旋转木马
- Jquery幻灯片中的列表,连接第一个和最后一个列表元素以创建旋转木马
- 通过jquery损坏的旋转木马添加css样式
- Angular 和 JQuery 循环 2 旋转木马碰撞
- JQuery 旋转木马是跳跃的
- jQuery-旋转木马安装问题
- jQuery旋转木马插件与WowSlider类似且更轻
- 左侧动画上的JQuery旋转木马延迟
- 如何通过onmouseover事件停止jquery旋转木马
- jQuery旋转木马问题:如何阻止缩略图前进
- Jquery旋转木马为一个引导网站覆盖我的页面滚动
- 页面上的多个jQuery旋转木马
- Jquery旋转木马闪烁图像问题
- jQuery旋转木马滚动
- jQuery旋转木马插件显示不需要的边框
- 从头开始制作jquery旋转木马
- 暂停悬停在简单的jquery旋转木马