是否可以在使用Fancybox打开的图库的每个图像中创建链接?

时间:2013-05-17 11:14:46

标签: jquery image hyperlink fancybox

我对Fancybox完全不熟悉。我试图在用它打开的画廊的每个图像中放置不同的链接。我已经完成了JFK在fancybox - how can I put a link from the opened image?中发布的内容。

它可以工作,但我只能用Fancybox打开第一张图片,然后滑到其他图像,但是如果我直接点击第二张图片或第三张图片,Fancybox就不会显示。

这是我的代码:

<a id="manual1"  href="javascript:;"> <img src="images/04.png" width="58" height="174" /></a>
<a id="manual1" href="javascript:;"> <img src="images/03.png" width="58" height="174" /></a>    
<a id="manual1" href="javascript:;"> <img src="images/02.png" width="58" height="174" /></a>

$(document).ready(function() {
$("#manual1").click(function() {
    $.fancybox.open([
        {
        href: 'images/yuangu.jpg',
        title: 'Haute',
        link: 'images/yuangubig.jpg'},
      {
        href: 'images/xianan01.jpg',
        title: 'Man in the Box',
        link: 'images/xianan01big.jpg'},
    {
        href: 'images/xianan02.jpg',
        title: 'Man in the Box 2',
        link: 'images/xianan02big.jpg'}
    ], {
        beforeShow: function() {
            $(".fancybox-image").wrap('<a href="' + this.link + '" />')
        },

        padding: 12,
        nextEffect: 'fade',
        prevEffect: 'fade'

    });
    return false;
}); 
}); // ready

此外,我应该在哪里添加target="_blank"才能在新窗口中打开链接?

感谢。

0 个答案:

没有答案