zoukankan      html  css  js  c++  java
  • jquery delayLoading.js插件的延迟加载效果和图片延迟加载

    1、首页给大家介绍一下这款插件的主要用途

      主要应用于图片的延迟加载,而且可以变换不同的延迟加载效果,适合相册图片。有做相册的可以考虑应用。

    2、兼容IE7以上都兼容,其他的浏览器也兼容。所以说兼容性还是不错的。

    3、插件的调用也是很简单的,看下面展示:

      下面对调用属性的解释也都写在了代码中,可以参考换不同的风格。

    <script type="text/javascript">
            $(function () {
                $("img").delayLoading({
                    defaultImg: "images/loading.jpg",           // 预加载前显示的图片
                    errorImg: "",                        // 读取图片错误时替换图片(默认:与defaultImg一样)
                    imgSrcAttr: "originalSrc",           // 记录图片路径的属性(默认:originalSrc,页面img的src属性也要替换为originalSrc)
                    beforehand: 0,                       // 预先提前多少像素加载图片(默认:0)
                    event: "scroll",                     // 触发加载图片事件(默认:scroll)
                    duration: "normal",                  // 三种预定淡出(入)速度之一的字符串("slow", "normal", or "fast")或表示动画时长的毫秒数值(如:1000),默认:"normal"
                    container: window,                   // 对象加载的位置容器(默认:window)
                    success: function (imgObj) { },      // 加载图片成功后的回调函数(默认:不执行任何操作)
                    error: function (imgObj) { }         // 加载图片失败后的回调函数(默认:不执行任何操作)
                });
            });
    </script>

    下面我给大家留下演示地址及下载方式:

    演示地址:http://www.landedo.com/plugs/details-179.html

     

  • 相关阅读:
    Mysql查询一段时间记录
    exosip2 的简单使用
    oSIP协议栈浅析
    Oracle 11g New 与分区和存储相关的增强功能
    手动配置S2SH三大框架报错(四)
    手动配置S2SH三大框架报错(三)
    手动配置S2SH三大框架报错(二)
    手动配置S2SH三大框架报错(一)
    链表基本操作的实现
    SVN上传项目报错
  • 原文地址:https://www.cnblogs.com/pingming/p/4618711.html
Copyright © 2011-2022 走看看