-1

WIP Webサイトをホストして、どのように機能するかを確認しました。以下を除いてすべてがうまくいきます：私のポートフォリオページ： ポートフォリオ

jqueryで「ギャラリー」をコーディングしました。ページの読み込みが開始されると、ブラウザは、#portfolioSliderトリガーされるまでdisplay：noneであるはずのdivを読み込んでいるようです。たくさんの画像が含まれているため、サムネイル（#Portfolio）の読み込みが開始されるまでの読み込みに時間がかかります。

#portfolioSlider開いた後でのみ画像の読み込みを開始するにはどうすればよいですか？

前もって感謝します！

4

2 に答える 2

1

デフォルトで属性を設定する代わりにsrc、画像のURIをデータ属性に入れます。例：

<img src="" data-imageSrc="your/uri/to/image.gif" />

次に、それをロードするときに、データをsrcに移動します。

$('img').attr('src',$(this).data('imageSrc'));
于 2011-07-03T18:21:26.117 に答える
0

アイデアを与えるためだけに....

<div id="galery"><img/></div><script>
var datas={
        "images":[{ 
                    "src":"gallery/panorak.jpg",
                    "title":"PANORAK",
                    "date":"28/10/2010 Web Design",
                    "description":"desc"
                    "id":"panorak"
                    }, 
                    "src":"gallery/panorak.jpg",
                    "title":"PANORAK",
                    "date":"28/10/2010 Web Design",
                    "description":"desc"
                    "id":"panorak"
                    }, 
                ]}
$(document).ready(function(){
var galPlace=$("#galery")

    var list=$("<ul/>");
    galPlace.append(list);
datas.images.each(function(i,j){
    list.prepend($("<li/>").$("<img/>").attr("src",datas.images[i].src).load(function(){ })));
} 
);}); 
</script>
于 2011-07-03T19:57:54.733 に答える