lazyloading for pictures
来源:互联网 发布:果园系统源码 编辑:程序博客网 时间:2024/06/10 01:42
https://raw.github.com/tuupola/jquery_lazyload/master/jquery.lazyload.js
JS地址
<script>
$(document).ready(function() {
$("img.lazy").lazyload({
effect: "fadeIn"
});;
});
</script>
<img alt="@Model.DefaultPictureModel.AlternateText" class="faderImage imgProductBox lazy" src="~/Themes/StyleDistrict/Content/images/ajax_loader_big.gif" data-original="@Model.DefaultPictureModel.ImageUrl" style="max-height: 198px" /></a>
首先显示的是src里面的小图片( src="~/Themes/StyleDistrict/Content/images/ajax_loader_big.gif")
当真正渲染的时候。显示(data-original="@Model.DefaultPictureModel.ImageUrl" )里的图片,也可自定义名字
($("img.lazy").lazyload({ data_attribute : "attr" });只需设置 data_attribute 属性为对应的名称即可. )
effect : "fadeIn" 表示动画效果
- lazyloading for pictures
- pictures
- Pictures
- Paid For Pictures - Turn Your Camera Into Cash!
- I found some profound pictures for Machine Learning study
- Singleton and Lazyloading
- iOS-lazyLoading懒加载
- Mybatis中的lazyloading
- Pictures Test
- my pictures
- joking pictures
- Direct Mode Coding For Bi-Predictive Pictures in the H.264 Standard
- Shooting Digital: Pro Tips for Taking Great Pictures with Your Digital Camera
- Langford's Starting Photography, Fifth Edition: A guide to better pictures for digital and film came
- Dialogue Editing for Motion Pictures: A Guide to the Invisible Art
- jquery.lazyloading图片延迟加载插件,通用
- ionic3新特性懒加载,lazyloading
- JavaPolis 2004 pictures
- JFreeChart开发Web图形报表(柱状图)
- jfreechart主要类
- DSP技术在移动通信中的应用
- Spring中Quartz的配置 quartz-config.xml
- liferay的theme中VM可以使用的变量一览
- lazyloading for pictures
- 28msec - query data from any source in real time
- 智力题 - 士兵编队与传讯员
- cmake使用方法详解
- gpio Sysfs Interface for Userspace
- 禁止在手机浏览器中缩放
- UVa 624 - CD
- Servlet之过滤器总结--Filter
- Delphi 中 函数参数中的 const 修饰符的本质以及注意事项