jquery延迟加载图片插件

jquery这款图片延迟加载功能太漂亮了,对于大网站可以节省不少的宽带,现在很多商城都是这样做的,如果taobao,moko等网站。

<!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>
<meta name="generator" content="mephisto" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/网页特效" charset="utf-8"></script>
<script src="jquery.lazyload.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
$(function() {
$("img").lazyload({
placeholder : "grey.gif",
effect : "fadein"
});
});
</script>
<style type="text/css教程">
#sidebar {
width: 0px;
}

#content {
width: 770px;
}

</style>

</head>

<body>

<div class="entry">
<img src="../demo1.jpg" width="765" height="574"><br/>
<img src="../demo2.jpg" width="765" height="574"><br/>
<img src="../demo3.jpg" width="765" height="574"><br/>
<img src="../demo4.jpg" width="765" height="574" ><br/>
<img src="../demo5.jpg" width="765" height="574"><br/>
<img src="../demo6.jpg" width="765" height="574" ><br/>
</div>

 

</body>
</html>

时间: 2024-11-02 02:16:13

jquery延迟加载图片插件的相关文章

jQuery延迟加载图片插件Lazy Load使用指南

 在页面上图片比较多的时候,打开一张页面必然引起与服务器大数据量的交互.尤其是对于高清晰的图片,占了几百K的空间.那么我们如何才能改变这种状况呢,这就是今天我们要探讨的问题了.     Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的. 在包含很多大图片长页面中延迟加载图片可以加快页面加载速度. 浏览器将会在加载可见图片

jQuery延迟加载图片插件Lazy Load使用指南_jquery

Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的. 在包含很多大图片长页面中延迟加载图片可以加快页面加载速度. 浏览器将会在加载可见图片之后即进入就绪状态. 在某些情况下还可以帮助降低服务器负担. 怎样使用? Lazy Load 依赖于 jQuery. 请将下列代码加入页面 head 区域: 复制代码 代码如下: <sc

jquery 延迟加载图片的 jQuery 插件(仿淘宝商城)

lazy load 依赖于 jquery. 请将下列代码加入页面 head 区域:  代码如下 复制代码  <script src="jquery.js" type="text/"javascript></script> <script src="jquery.lazyload.js" type="text/javascript"></script> 并且在你的执行代码中加入下面

jQuery lazyLoad图片延迟加载插件的优化改造方法分享_jquery

jQuery lazyLoad.js插件 是一款基于jquery框架,可以"实现"图片延迟加载的插件.请注意,我用了双引号,因为从我自己实际调试的结论来说呢,并不会延迟加载,而是先下载,然后通过改变<img>的src属性来隐藏原来的图片. 我们先来看看他的代码吧! 复制代码 代码如下: <script type="text/javascript" src="/static/jssrc/lazyload.js"></s

Lazy Load 延迟加载图片的 jQuery 插件_jquery

怎样使用? Lazy Load 依赖于 jQuery. 请将下列代码加入页面 head 区域: 复制代码 代码如下:      <script src="jquery.js" type="text/javascript"></script> <script src="jquery.lazyload.js" type="text/javascript"></script> 并且在你

Lazy Load 延迟加载图片的jQuery插件中文使用文档_jquery

什么是LazyLoad技术? 在页面上图片比较多的时候,打开一张页面必然引起与服务器大数据量的交互.尤其是对于高清晰的图片,占了几百K的空间.Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的. 在包含很多大图片长页面中延迟加载图片可以加快页面加载速度. 浏览器将会在加载可见图片之后即进入就绪状态. 在某些情况下还可以帮助

Lazy Load延迟加载图片的 jQuery 插件使用教程

Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的. 在包含很多大图片长页面中延迟加载图片可以加快页面加载速度. 浏览器将会在加载可见图片之后即进入就绪状态. 在某些情况下还可以帮助降低服务器负担. jquery-lazy-load-plugin 怎样使用? Lazy Load 依赖于 jQuery. 请将下列代码加入页面

基于jquery Lazy Load, 延迟加载图片加载插件

Lazy Load 灵感来自 Matt Mlinac 制作的 YUI ImageLoader 工具箱. 这是演示页面. 怎样使用? Lazy Load 依赖于 jQuery. 请将下列代码加入页面 head 区域:  代码如下 复制代码 <script src="jquery.js" type="text/网页特效"></script> <script src="jquery.lazyload.js" type=&q

基于jQuery 的图片360度旋转插件

之前的文章向大家分享了实现网站功能的各种优秀的jQuery 插件,今天这篇文章向大家推荐10款基于jQuery 的图片360度旋转插件,同时还有非常详细的制作教程可以学习和参考.图片旋转展示是一种非常有趣的技术,通过把多张图片合并在一起让你可以实现360度 浏览,这种效果常用于旅游网站或者酒店网站,用于展示风景或者房间的内景. 360/3D Spin & Zoom JavaScript Player 功能非常强大的一款插件,支持缩放,360度旋转,全屏浏览等等,特别适合用于产品图片展示. 在线演