的fancybox：獲取在鼠標懸停工作/鼠標移開

我現在有它使用一半的工作：的fancybox：獲取在鼠標懸停工作/鼠標移開

jQuery("a.lightbox").fancybox().hover(function() { 
    jQuery(this).click(); 
    }, function() { 
    jQuery("#fancybox-overlay").click(); 
    });

當我將鼠標懸停在它工作正常的縮略圖，但是當我將鼠標放置的背景下，#fancybox-overlay它不禁止fancybox ..任何想法？

與hoverIntent：

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

來源

2012-08-19 Joe Bobby

做出小提琴：[jsFiddle.net（http://jsfiddle.net），人們會幫你 – yckart 2012-08-19 01:09:32

@yckart我使用wordpress所以不知道如何重複我有什麼，即時通訊使用這個主題：http://demo.themezilla.com/?theme=gridlocked如果有幫助 – 2012-08-19 02:20:13

你可以給你的網頁鏈接，請？這將幫助我們更多！ – yckart 2012-08-19 03:44:55

答案：

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>

$("a.lightbox").fancybox({ 
    'showCloseButton': false 
}).hover(function() { 
    $(this).click(); 
    $(".fancybox-overlay").mouseout(function() { 
     $.fancybox.close(); 
    }); 
});

DEMO

來源

2012-08-19 04:16:12 yckart

有沒有什麼辦法讓鼠標懸停在實際圖像上時彈出圖像？ – 2012-08-19 04:35:43

使用'.hover'時出現的主要問題被稱爲「冒泡」 – JFK 2012-08-19 05:58:24

使用jick from ickart，出現以下錯誤：SyntaxError：illegal character }）;任何幫助解決鏈接功能（fancybox，懸停）呼叫問題？讓代碼評論是一件好事。什麼是this.click（）在做什麼？ – Timo 2013-10-21 15:10:45

使用這段代碼：

$("a.lightbox").mouseover(function(){ 
    $("a.lightbox:first").trigger("click"); 
});

做同樣的mouseout事件... =）

來源

2012-08-19 02:04:25 luchopintado

它顯示一個圖像，但它不適用於頁面上的其他圖像 – 2012-08-19 02:18:46

的fancybox：獲取在鼠標懸停工作/鼠標移開

回答

相關問題