网站图片太多，怎样按当前浏览页面（屏幕下拉顺序）加载图片？ 很多网站滚动条向下的时候加载图片是怎么做到的？
1、为网站设置一个默认图片，比如用灰色的logo图，把这个图片压缩到足够小。为所有img标签设置这个图为默认图，把实际地址当作一个数据例如data-src存储在img上。
2、当用户滚动鼠标滚轴时，判断当前图片是否已经进入了显示区域，进入了就替换掉img的src地址为data-src，开始加载图片。
3、这样网站一开始进入时，只加载已经在显示区域的图片，大量未进入区域的图片只是加载了一个很小的默认占位图。
逻辑就是这样，具体可以去找些插件办到，判断是否进入显示区域的逻辑代码其实还是需要挺缜密的。自己写不出来的话可以去百度一些插件。
根据滚动条下拉而延迟加载显示图片特效，通过jquery来实现这个图片延迟加载显示特效，当用户下拉滚动条时才加载图片。
<!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>
<script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2-vsdoc2.js" type="text/javascript" language="javascript"></script>
<script type="text/javascript">
$(function(){
var $winH = $(window).height();
var $img = $("#show img");
var $imgH = parseInt($img.height()/2);
var $srcDef = "http://img181.poco.cn/mypoco/myphoto/20110126/10/5637885820110126103051018.gif";
runing();
$(window).scroll(function(){
runing();
})
function runing(){
$img.each(function(i){
var $src = $img.eq(i).attr("original");
var $scroTop = $img.eq(i).offset();
if($scroTop.top + $imgH >= $(window).scrollTop() && $(window).scrollTop() + $winH >= $scroTop.top + $imgH)
{
if($img.eq(i).attr("src") == $srcDef){
$img.eq(i).hide();
}
$img.eq(i).attr("src",function(){return $src}).fadeIn(300);
}
})
}
})
</script>
<style type="text/css">
*{ border:0;}
a{ display:inline; float:left; margin:55px; background:#ccc; overflow:hidden; font-size:0;}
</style>
</head>
<body>
<div id="show">
<a href="#"><img src="http://img181.poco.cn/mypoco/myphoto/20110126/10/5637885820110126103051018.gif" width="160" height="160" original="http://img181.poco.cn/mypoco/myphoto/20110126/10/5637885820110126103208087.jpg" /></a>
<a href="#"><img src="http://img181.poco.cn/mypoco/myphoto/20110126/10/5637885820110126103051018.gif" width="160" height="160" original="http://img181.poco.cn/mypoco/myphoto/20110126/10/5637885820110126103303012.jpg" /></a>
</div>
</body>
</html>
很多网站滚动条向下的时候加载图片是怎么做到的？~
那个功能叫：延时加载。
网上有很多JS可以利用和实现的，你可以找一下
因为有很多大网站的网页设计是为了提高加载速度，都设计成浏览到图片时才会加载。
打开页面以后，把滚动条拉到底再拉上来吧。
---
亲，首先你网速确实比较慢，或者该页面的图片文件过大。我觉得是前者。淘宝，京东或者其他图片大站都是这样设计的，我用IE或者任何浏览器访问速度都不错，不是IE设置的问题。 如果你觉得是IE可以换下谷歌等谷歌内核的浏览器试试
相关要点总结：
19170459031：网页截图长图-在电脑里如何滚动截长图?
封钞答：3、在进入到该页面以后(你需要截长图的页面),在浏览器右上角的位置点击三个横线按钮【三】。 4、在出现的选择页面中,找到【保存网页】,并点击【保存网页】旁边的【图片】。 5、点击【图片】后,会直接弹出文件保存对话框。 6、这...
19170459031：网站首页过长图片又多,怎么优化呀
封钞答：编译等动作，然后发回给浏览器，才显示我们面前的文字和图片，多媒体文件等。所以我要尽量减少响应次数，现在ajax在这方面就运用的不错。当然，一个静态页面就例外了，静态页面多注意图片大小和网页设计上就行了。
19170459031：电脑截图能不能截长图
封钞答：电脑截图是可以截长图的，这个主要看你用的什么系统，每个系统都有截图软件，长图 横图 大图 小图都可以。
19170459031：如何截图,要整张的(图片就是一个网页,网页很长,一页截不完)
封钞答：Chrome浏览器：按F12打开调试页面，同时按下ctrl + shift + p，输入命令Capture full size screenshot并回车，浏览器会自动截取整个网页内容并保存为图片。保存路径：此电脑—图片—屏幕截图。
19170459031：Dreamweaver8.0制作网站时,由于图片太多,图片放在主页上再连接大图片...
封钞答：让图片轮流滚动 这样也可以
19170459031：在线切图工具-网页如何切图
封钞答：切图的目的就是更加精确的进行网页布局。 photoshop、fireworks等软件都带有切片工具。 问题二:页面设计页面制作这种背景的页面怎么切图的啊。。。主要是背景怎么整的。。。目前我无法判断你那些图片带链接,所以只能大概的给你讲一下(目前...
19170459031：我有个网站,里面图片较多,在加载首页时打开特别慢,请问有什么办法能加...
封钞答：只要设置不当,网卡也会明显影响系统启动速度,你的电脑如果连接在局域网内,安装好网卡驱动程序后,默认情况下系统会自动通过DHCP来获得IP地址,但大多数公司的局域网并没有DHCP服务器,因此如果用户设置成“自动获得IP地址”,系统在启动时...
19170459031：IE浏览器怎样快捷将页面图片保存下来?
封钞答：1、首先打开IE浏览器，进入IE浏览器页面中，找到想要保存的图片。2、然后在弹出来的窗口中鼠标左键按住图片，拖到想要存放的文件夹中。3、然后在弹出来的窗口中点击选择“确定”就可以了。
19170459031：在线网页截图工具web-如何截图整个完整的网页页面
封钞答：1、用傲游浏览器的:当前页面截图攻能 2、用腾讯TT也可以:点文件—网页存为图片 网页怎么截图 1.windows的print键截图打开你需要截图的窗口,按下alt+printscreen(或prtsc)键,此窗口的截图就保存到剪贴板中了,然后打开画图或photoshop等...