2

smugmugから画像を取得するコードが少しあります。私の問題は、残りのコードがインポートされて起動する前に、それを終了する必要があることです。私は他の投稿を見ましたが、私の特定の状況に合うものはなかったようです。コードは次のようになります。

(function($) {

$.fn.slideShow = function(options) {
var albumID = options.albumID;
var size = options.size || "Medium";
var delay = options.delay || 3000;
var div = this;

// Setup div
this.empty();
div.append("<ul></ul>");
$("ul:first").attr("title","fashion");
$("ul:first").addClass("stretch");
ul = div.find("ul");

$.smugmug.login.anonymously(function() {
    $.smugmug.images.get({AlbumID: albumID, Heavy: 1}, function(images) {
        $.each(images.Images, function() {
            var url = this[size + "URL"];

            console.log("Add img" + url);
            ul.append("<li title=\"" +  url + "\" /></li>");
        });

    });
});

};


})(jQuery);

私はそれをHTMLから呼び出し、次のようにパラメータを渡します。

<script type="text/javascript">
nick = "hurleyhome";
    $(function() {
        $("#bg-images").slideShow({
            size: "Medium",
            albumID: "22516379",
            delay: 5000
        });
    });
</script>

このスクリプトの後に実行する必要のあるスクリプトは、標準のJSがスクリプトタグからインポートするものです。

どんな助けでも感謝されるでしょう。

$（window）.loadイベントを検討していましたが、その実装方法が正確にはわかりません。

ありがとう

4

2 に答える 2

0

質問があるかどうかはわかりませんが、すでに成功関数があるようです。スクリプトをそこに取得してください。次のようになります。

$.smugmug.login.anonymously(function() {
    $.smugmug.images.get({AlbumID: albumID, Heavy: 1}, function(images) {
        $.each(images.Images, function() {
            var url = this[size + "URL"];
            console.log("Add img" + url);
            ul.append("<li title=\"" +  url + "\" /></li>");
        });
        //get external javascript script here after images are inserted.
        $.getScript('http://mysite.com/path/to/myscriptfile.js');
    });
});

すべての画像が実際に読み込まれるまで待つ必要がある場合は、各画像にload（）イベントを添付して、すべての画像が読み込まれているかどうかを確認する必要があります。

于 2012-04-22T17:12:27.010 に答える
0

画像のインポートコードを

$(document).ready(function() {

});

および残りのインポートは

$(window).load(function() {

});
于 2012-04-22T17:12:54.343 に答える