1

ディレクトリ（php）に画像を動的にロードし、jquery galeryプラグインを使用して表示するjavascriptコードを作成しました。

すべての写真がクライアントによって読み込まれた後、galleryView を実行できませんでした。唯一の方法は、遅延コマンドを使用することでした。

この方法の短所は言うまでもありません。すべての画像が読み込まれた後にギャラリープラグインが呼び出されるように、スクリプトを「修正」する方法を知っている人はいますか?

<script type="text/javascript">
    $("document").ready(function() {
         $('#aa').load('get_fotos.php').delay(2000).queue(function() {
              $('#aa').galleryView({
                     panel_width: 800,
                     panel_height: 400,
                     show_filmstrip_nav: false,
                     enable_slideshow: false,
                     panel_animation: 'crossfade',
                     frame_opacity: 1,
                     show_infobar: false,
                     frame_width: 80,
                     frame_height: 40,
                     // frame_scale: 'fit',
                });
        });
    });
</script>

どうもありがとう

4

1 に答える 1

1

これは次の方法で確認できます。

それが役に立てば幸いです。

imageArray = new Array();

imageArray[0] = 'image1.jpg'; // your image path
imageArray[1] = 'image2.jpg'; // your image path
htmldata='';
count = 0;
imgArray = new Array();

$.each(imageArray, function(i,item){
    var image=new Image();
    $(image).bind("load", {}, function(event) {
        count++;
        imageArray[i] =  $(image).attr("src");
        if(count==2){
            $("#imageHolder").empty();
            $.each(imageArray, function(j,item){
                htmldata = '<img id="image'+j+'" src="' + imageArray[j] +'" />';    //create ur image tag u need to call
                $("#imageHolder").append(htmldata);
            });

            $('#aa').galleryView({//call your bind method for plug in
            });
        }
    });
    image.src = imageArray[i];
于 2012-12-28T11:15:19.073 に答える