Question

我正在尝试用图片打开fancybox。

以下是代码（JSFiddle）：

$(".open_fancybox").click(function() {
    var url='http://files.parse.com/773ee808-4477-4c78-9763-cbd6b532d477/a69470fc-c6be-45b7-a424-312a6b711d01-PhotoImage';
    $.fancybox.open([
        {
            href : url,                
            title : '1st title'
        },

    ], {
        padding : 0,fitToView: false,autoSize:false
    });

    return false;

});

Answer 1

在脚本中添加您尝试打开的type内容（本例中为image），如：

$(".open_fancybox").click(function () {
    var url = 'http://files.parse.com/773ee808-4477-4c78-9763-cbd6b532d477/a69470fc-c6be-45b7-a424-312a6b711d01-PhotoImage';
    $.fancybox.open([{
        href: url,
        title: '1st title',
        type: "image" // tell fancybox the type of content
    },

    ], {
        padding: 0,
        fitToView: false,
        autoSize: false
    });

    return false;

});

为什么呢？因为您的变量url没有image扩展名（gif|jpg|png），所以fancybox无法理解为image。

参见 JSFIDDLE

有关详细信息，请参阅：

http://fancyapps.com/fancybox/#support ==＆gt;常见问题解答标签==＆gt;第5号

无法使用fancybox加载特定图像

1 个答案: