Question

我想知道如何创建一个使用网址在页面中加载图片的灯箱的链接

这是我的代码，但不起作用：

   $("a.picture").click(function() { 
        $.fancybox({ 
           'padding'           : 0, 
           'overlayShow'   : false, 
           'transitionIn'  : 'elastic', 
           'transitionOut' : 'elastic', 
           'titlePosition' : 'over', 
           'type' : 'image', 
           'titleFormat'   : function(title, currentArray, 
currentIndex, currentOpts) { 
            return '<span id="fancybox-title-over">' + (currentIndex + 
1) + ' / ' + currentArray.length + (title.length ? ' &nbsp; ' + 
title : '') + '</span>'; 
           } 
        }); 
        return false; 
    });

和HTML代码

<a class="picture" href="http://localhost/test/my_page.html" title="Picture Page">Link</a>

谢谢！

Answer 1

您上面的脚本还假设您有一个这样的HTML：

<a class="picture" href="images/picture.jpg">open image</a>

然后您还应该在脚本中添加选项href，如

$("a.picture").click(function() { 
        $.fancybox({ 
           'padding'           : 0, 
           'overlayShow'   : false, 
           'href': this.href, //<--LIKE THIS
           // etc....

该选项将提供fancybox将加载图像的URL。

注意：提出问题是可以的，我们很乐意提供帮助，但是@ofir评论说您应该提供反馈并接受其他人提供的正确答案，这样人们就会有动力帮助您未来。

Fancybox - 如何从网址加载图片？

1 个答案: