Question

我尝试过托管我的WIP网站，看看它是如何运作的。一切顺利，除了以下内容：在我的投资组合页面： Portfolio

我在jquery中编写了一个“画廊”。当页面开始加载时，似乎浏览器加载#portfolioSlider div，它应该是display：none，直到被触发。它包含大量图像，导致大量加载时间，直到缩略图（#Portfolio）开始加载。

如何在#portfolioSlider张图片打开后才开始加载？

提前致谢！

Answer 1

不是默认填充src属性，而是将图像的URI放在数据属性中。例如：

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

然后，当您要加载它时，将数据移动到src：

$('img').attr('src',$(this).data('imageSrc'));

Answer 2

只是为了提出想法......

<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>

需要一些帮助编写图库/投资组合

2 个答案: