这可能是一个简单的修复,但它确实难倒了我!无论如何,我正在尝试使用按钮类链接到缩略图库。例如:
这是我的 fancybox 初始化代码:
$(document).ready(function() {
$(".fancybox-thumb").fancybox({
beforeShow: function(){
$("body").css({"overflow":"hidden"});
},
afterClose: function(){
$("body").css({"overflow":"visible"});
},
padding : 2,
modal : false,
prevEffect : 'fade',
nextEffect : 'fade',
nextSpeed : 'slow',
prevSpeed : 'slow',
openSpeed : 'slow',
closeSpeed : 'slow',
helpers : {
title : {
type: 'outside'
},
overlay : {
opacity : 0.8,
css : {
'background-color' : '#000'
}
},
thumbs : {
width : 50,
height : 50
}
}
});
});
在我的 HTML 中,我有以下内容:
<a class="fancybox-thumb" rel="fancybox-thumb" href="images/weddings/PienkosWed-1649.jpg" title="Image 1 Text">
<img src="images/weddings/PienkosWed-1649.jpg" alt="" width="150" /></a>
<a class="fancybox-thumb" rel="fancybox-thumb" href="images/weddings/PienkosWed-1653.jpg" title="Image 2 Text"></a>
<a class="fancybox-thumb" rel="fancybox-thumb" href="images/weddings/PienkosWed-1655.jpg" title="Image 3 Text"></a>
<a class="fancybox-thumb" rel="fancybox-thumb" href="images/weddings/PienkosWed-1657.jpg" title="Image 4 Text"></a>
<a class="fancybox-thumb" rel="fancybox-thumb" href="images/weddings/PienkosWed-1661.jpg" title="Image 5 Text"></a>
<a class="fancybox-thumb" rel="fancybox-thumb" href="images/weddings/PienkosWed-1667.jpg" title="Image 6 Text"></a>
这很好用,除了我想从按钮类打开 fancybox,例如:
<a href="OPEN FANCYBOX" class="button1"><span></span><strong>Launch Picture Gallery</strong></a>
我不知道如何解决这个问题,任何帮助将不胜感激!
最佳答案
试试这个:
$('.button1').click(function(e) {
e.preventDefault();
$('.fancybox-thumb:eq(0)').click();
});
关于jquery - 从按钮类文本而不是图像链接打开 Fancybox,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11056209/