2

Instagram からのライブ フィードを Jssor スライド ショーに取り込もうとしていますが、問題があります。u="image"特別なハッシュ タグを使用して Instagram から写真を取得し、属性と src urlを含む id "slides" を使用して div に配置するためのコードをここに示します。

function createPhotoElement(photo) {
    if((photo.caption) !== null){var photo_content = photo.caption.text + "  -  ";}      
    else { var photo_content = " "}
    return $('<div>')
   .append(
    $('<img>')
    .attr('u', 'image')
    .attr('src', photo.images.standard_resolution.url)
    )
}

したがって、ページで生成された後の結果は次のようになります。

 <div id="slides" u="slides" style="cursor: move; position: absolute; left: 0px; top: 0px; width: 960px; height: 380px;overflow: hidden;">        
    <div><img u="image" src="imgURL"></div>
    <div><img u="image" src="imgURL"></div>
    <div><img u="image" src="imgURL"></div>
    <div><img u="image" src="imgURL"></div>
    <div><img u="image" src="imgURL"></div>
</div>

しかし、問題は、jssor スライドがページ上で生成された画像を認識しないことです。window.addEventListener()関数と$(document).ready()関数を使用したり、スクリプトを終了タグのすぐ上に配置したりして、スライダーコードを遅らせようとしましたが、まだ機能しません:(

4

2 に答える 2

1

ようやくwindow.loadを追加して動作するようになりました

    $(window).load(function() {
    jssor_slider1_starter('slider1_container');
    });
于 2014-04-03T19:10:29.757 に答える
1

非同期の問題に見えます。

jssor スライダーの初期化 (... new $JssorSlider...) の前に、すべてのコンテンツを完全に生成します。

ところで、いつ、どのように「createPhotoElement」を呼び出しますか?

于 2014-04-03T01:48:04.637 に答える