我是一名平面设计师,我正在尝试使用一些精彩的jquery脚本编写我的新产品组合。我想让jcarousel(http://sorgalla.com/projects/jcarousel/)停止鼠标悬停。
任何帮助表示赞赏。谢谢!
答案 0 :(得分:3)
您可以在初始化轮播后立即传递一个initCallback
函数。
这个功能可以解决这个问题: http://groups.google.com/group/jquery-en/browse_thread/thread/f550b94914d10065
答案 1 :(得分:2)
var isMouseOver = false;
$(this).mouseover(function(){
isMouseOver = true;
}).mouseout(function(){
isMouseOver = false;
});
//add by koumei-->
function go(to) {
...
...
来自http://blog.koumei.net/2011/06/01/jcarousel-lite-mouse-hover-event-improvement/
答案 2 :(得分:1)
更彻底地回答Geert的回答(顺便说一句,它很有效),
在您的设置中添加initCallback函数:
initCallback: function(jc, state) {
if (state == 'init') {
/* Pause carousel scrolling when a user mouses overs an item and restart the scrolling when they mouse out.
* Written by cormac at finisco dot com 19/2/2009 based on work by Jeremy Mikola:
* http://groups.google.com/group/jquery-en/browse_thread/thread/f550b94914d10065
*/
jc.startAutoOrig = jc.startAuto;
jc.startAuto = function() {
if (!jc.paused) {
jc.startAutoOrig();
}
}
jc.pause = function() {
jc.paused = true;
jc.stopAuto();
};
jc.play = function() {
jc.paused = false;
jc.startAuto();
};
$('li.jcarousel-item').mouseover(function() {
jc.pause();
});
$('li.jcarousel-item').mouseout(function() {
jc.play();
});
};
jc.play();
},
答案 3 :(得分:0)
下面的功能可能对停止动画很有用
itemLoadCallback: {
onBeforeAnimation: function(jc,state){
jc.lock();
}
}