Question

我有一个脚本，我称之为花式框来加载图像。放置静态URL时，图像正在加载。但是，当我放置包含从ajax花式框返回的url数据的变量时，不显示图像。相反，它显示错误“无法加载请求的内容。请稍后再试。”

我的代码段是

$。AJAX（{

type: "POST",
dataType: "json",
url: '/admin/cms/sliders/get-stylebook-images',
data:'pid='+pageId,
success: function(data){
if(data.output!='')
{
    alert(data.output);                 
    $.fancybox([data.output], {
                    'padding': 0,
        'transitionIn': 'none',
                    'transitionOut': 'none',
                    'type'  : 'image',
                    'changeFade' : 0,
                    'topRatio'    : 0.2
                     });
}
else
{
    $.fancybox(['http://www.xxxx.com/gallery-spring-summer/01.jpg'], {
                    'padding': 0,
        'transitionIn': 'none',
        'transitionOut': 'none',
        'type'  : 'image',
        'changeFade' : 0,
        'topRatio'    : 0.2
        });  
    }
}

}）;

在上面的代码段中，当我提醒data.output网址显示为“http://www.xxxxx.com/Uploads/Images_path/abc.jpg”时。但是将data.output放在fancybox中会显示错误。如果我从警报中复制URL并将其放在fancybox中，那么它可以完美运行。

我也测试了Fancy box V2.1.5。但是没有用。我已经使用JQuery V1.8.1和V1.4.1进行了测试。但是没有用。

提前感谢您的答案。

Fancy Box V 2.1.3没有通过Ajax加载动态图像

0 个答案: