jquery - Fancy Box V 2.1.3 が Ajax 経由で動的画像をロードしない

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 の URL を警告したときに「http://www.xxxxx.com/Uploads/Images_path/abc.jpg」と表示されています。しかし、エラーを示すファンシーボックスにdata.outputを配置します。アラートから URL をコピーしてファンシーボックスに配置すると、問題なく動作します。

Fancy box V2.1.5 もテストしました。でも使い道がない。JQuery V1.8.1 と V1.4.1 の両方でテストしました。しかし、無駄です。

事前に回答いただきありがとうございます。