无法使用 fancybox 加载特定图像

【问题标题】：Can't load an specific image with fancybox无法使用 fancybox 加载特定图像
【发布时间】：2014-03-10 22:28:42
【问题描述】：

我正在尝试打开带有图像的 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;

});

【问题讨论】：

请附上您遇到问题的相关代码、您尝试过的内容以及结果。不赞成仅粘贴指向 jsfiddle 的链接。

标签： jquery fancybox fancybox-2

【解决方案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 ==>常见问题标签 ==> 第 5 号

【讨论】：