私はそのAPIでjQuery slimboxを使用しています。
これは、JSON を介して画像パスを取得し、API を介してスリムボックスを起動する JavaScript です。
$('#main-container').append('<span id="check-our-adverts">Check our Adverts</span>');
var advertImages = [];
$.getJSON( config.basePath + 'get-adverts/', function(images) {
advertImages = images;
});
$('#check-our-adverts').click(function() {
console.log(advertImages);
$.slimbox(advertImages, 0);
});
JSON が返され["\/~wwwlime\/assets\/images\/adverts\/advert.jpg","\/~wwwlime\/assets\/images\/adverts\/advert2.jpg"]
ます。
実際のページはこちら。カエルの横にある上部の赤いボックスをクリックします。コンソールがある場合は、返された JSON を確認してください。
Live HTTP Headersを使用してリクエストを表示すると、スリムボックスがリクエストしているように見えvanquish.websitewelcome.com/
ます。
これにより、スリムボックスが起動され、永遠にスロバーが回転します。
この問題の原因は何ですか? ありがとう
アップデート
これをJSONコールバック内に追加しました
$.each(images, function(i, image) {
$('body').append('<a href="' + image + '">link</a>');
});
そして、それらのリンクをクリックすると、直接画像に移動します...何が得られますか?