0

我有一个脚本,我在其中调用花哨的框来加载图像。放置静态网址时,正在加载图像。但是,当我放置包含从 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 url 时显示为“ 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 对其进行了测试。但是没有用。

感谢您提前回答。

4

0 回答 0