<!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>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="cr.css" />
<script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js" type="text/javascript" language="javascript" charset="utf-8"></script>
<script src="jquery.loadthumb.js" type="text/javascript" language="javascript" charset="utf-8"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button:eq(0)").click(function(){
showImg("images/q4.jpg");
});
$("button:eq(1)").click(function(){
showImg("images/mainbgbj.gif");
});
$("button:eq(2)").click(function(){
showImg("images/adads.jpg");
});
$("button:eq(3)").click(function(){
showImg("images/DSC05513.JPG");
});
$("button:eq(4)").click(function(){
showImg("images/m_k.jpg");
}).click();
});
function showImg(src) {
var $img = $("#myImgs");
$img.loadthumb({
"src": src ,
"imgId":"myImgs",
"parentId":"CRviewer"
});
}
</script>
</head>
<body>
<button>加载第1张(300*80)</button> <button>加载第2张(728*90)</button> <button>加载第3张(548*448)</button> <button>加载第4张(337*186)</button> <button>加载第5张(353*288)</button>
<div class="box">
<div class="CRviewer" id="CRviewer">
<img src="images/q4.jpg" id="myImgs"/>
</div>
</div>
<p>程序介绍：</p>
<p>通过图片预加载技术，使得图片加载更为流畅，和谐。
当图片的大小比较大时，图片也可以自动调整宽度和高度，同时图片也能居中。
</p>
<p>Dev By <a href="http://www.cssrain.cn" >CssRain.cn</a></p>
<p>相关内容： <a href="http://cssrain.cn/article.asp?id=1020" >http://cssrain.cn/article.asp?id=1020</a></p>
</body>
</html>
jquery实现图片预加载技术，使得图片加载更为流畅，和谐。
5星 · 超过95%的资源 需积分: 9 65 浏览量
2009-10-15
18:28:28
上传
评论
收藏 983KB RAR 举报 
jqueryLoadImg.rar （10个子文件） 
jqueryLoadImg 
demo.html 2KB
jquery.loadthumb.js 2KB images 
adads.jpg 49KB
mainbgbj.gif 60KB m_k.jpg 45KB loading.gif 2KB Thumbs.db 7KB DSC05513.JPG 813KB q4.jpg 21KB cr.css 341B资源评论
硬件老司机2015-01-21不错的资源，讲的很详细- shiai10212014-03-25不错很好用！
- qq3746179672014-06-12还行，可以参考
- a139741672014-08-04可以参考参考。
