Fancybox 画廊中的鼠标悬停/悬停？答案

【问题标题】：Mouseout/hoverout in a Fancybox gallery?Fancybox 画廊中的鼠标悬停/悬停？
【发布时间】：2011-06-26 22:26:08
【问题描述】：

有人知道如何判断鼠标是否在 Fancybox 画廊中留下图片吗？

我想要做的是当我将鼠标悬停在缩略图上时打开图库（效果很好），然后在鼠标离开出现的图库图片时使用 $.fancybox.close() 关闭图库.

任何帮助将不胜感激！

【问题讨论】：

【解决方案1】：

尝试在#fancybox-wrap 上添加监听器，但您必须在加载图像后添加此监听器。

【讨论】：

【解决方案2】：

您可以使用.hover() 将两个处理程序绑定到匹配的元素，以在鼠标指针进入和离开元素时执行。

$("#yourImageSelector").hover(function(){

//open gallery

},
function(){


//close gallery


});

编辑： 为此，请参阅第二个答案...here 是一个示例，请参阅第三部分 在悬停时显示/隐藏标题

【讨论】：

感谢您的快速回复。我怎样才能让这个仅适用于画廊，而不适用于缩略图？我用：$("a[rel=gallery]").fancybox({ default settings}); 制作画廊，这就是我打开图像的方式：$("a[rel=gallery]").fancybox().hover(function() { $(this).click(); }); 但是，如果我将悬停功能添加到最后一位代码，它会在画廊弹出时发生。知道如何使它仅适用于画廊吗？图片显示如下：<a rel="gallery" href="30.jpg" title=""><img class="galleryImage" alt="" src="30.jpg"></a>
啊，即使我之前访问过该页面，我也因为没有看到该示例而感到愚蠢。我只是尝试了除了 fancybox-wrap 之外的各种其他东西，比如 fancybox-content 和 image 都不起作用。