我目前使用以下方法使其工作一半:
jQuery("a.lightbox").fancybox().hover(function() {
jQuery(this).click();
}, function() {
jQuery("#fancybox-overlay").click();
});
当我将鼠标悬停在缩略图上时,它工作正常,但是当我将鼠标悬停在背景上时,#fancybox-overlay
它不会禁用 fancybox.. 有什么想法吗?
带有悬停意图:
function openFancybox(){
jQuery(this).trigger("click");
}
function closeFancybox(){
jQuery.fancybox.close();
}
jQuery("a.lightbox").hoverIntent({
sensitivity: 100,
interval:250,
timeout:0,
over: openFancybox,
out: closeFancybox
}); // hoverIntent
jQuery("#fancybox-content img").hoverIntent({
sensitivity: 10,
interval:500,
timeout:0,
// over: openFancybox,
out: closeFancybox
}); // hoverIntent
jQuery("a.lightbox").fancybox({
'overlayShow' : false,
'autoScale' : true
}); // fancybox
最佳答案
答案:
HTML
<a href="image1.jpg" class="lightbox" rel="gallery"><img src="image1.jpg"></a>
<a href="image2.jpg" class="lightbox" rel="gallery"><img src="image2.jpg"></a>
JS
$("a.lightbox").fancybox({
'showCloseButton': false
}).hover(function() {
$(this).click();
$(".fancybox-overlay").mouseout(function() {
$.fancybox.close();
});
});
<强> DEMO
关于javascript - Fancybox:让它在鼠标悬停/鼠标移出时工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12023412/