有一个问题请教各位

我有一个网页 一共有8个图片 正常是这样的 我打开网站肯定是一下子加载了所有的图片 但是这样可能会很变得很网站加载速度很慢 如果我可以用JQ实现这个效果:首先打开网站默认显示第一张图片 当发生了指定滚动事件 就按照顺序依次加载下面的图片  不滚动我则不加载下面剩下的图片
scroll这个事件肯定是要用到的，但是图片加载那一块我不知道怎么写了图片不是一打开就全部加载完的首先是加载第一张图片如果往下滑了 就加载第二张 第二张再往下滑了就加载第三张 如果第三张停住了 就不加载了 这样可以让我的网站打开速度很快，求大神解答

解决方案 »

  1.   

    lazyload没听过 jquery 完全能实现,最近简单的就是 8个img标签 只有第一个img有src属性, 其他的7img 滚动显示的时候在指定src属性即可
      

  2.   

    可以的，可以在一开始的时候只设置第一张图片的src，然后根据鼠标的当前位置或者域来进行后续图片的加载
      

  3.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    </head><body><img id="img1" src="2 (2).jpg"/><img  id="img2" /></body><script>
    var isImg2Show = false;
    window.onscroll = function (){
    var top = document.documentElement.scrollTop || document.body.scrollTop;  
    if(top>200 && !isImg2Show){
    document.getElementById("img2").src="2.jpg";
    isImg2Show = true;
    }
    };
    </script>
    </html>