Jquery中文網 www.twdanq.live
Jquery中文網 >  jQuery  >  jQuery 插件  >  正文 基于jquery的圖片延遲載入插件(high.lazyload.js)

基于jquery的圖片延遲載入插件(high.lazyload.js)

發布時間:2011-04-19   編輯:www.twdanq.live
jquery中文網為您提供基于jquery的圖片延遲載入插件(high.lazyload.js)等資源,歡迎您收藏本站,我們將為您提供最新的基于jquery的圖片延遲載入插件(high.lazyload.js)資源
這是一個基于jquery圖片延遲載入,參考了,http://www.appelsiini.net/projects/lazyload ,精簡了代碼,使代碼更清晰。 使用方法: 1.首先使所有輸出到前端的<img /> 標簽的“src”屬性改為“_src”(可以自己定義,需要配置), 防止img標簽一開始就加載圖片 2.在頁面底部
<script type="text/javascript">

      $(function(){ $('img').lazyload(); })

</script>
3. 配置參數
{
     original        : '_src',       //保存img的圖片地址的屬性
     placeholder  : undefined, //圖片載入中圖標,即圖片未載入時圖片的占位符
     threshold     : 0,      //未載入的圖片距當前視窗的距離多少像素值時開始加載圖片
     effect           : 'fadeIn',   //圖片顯示效果
     effectspeed  : '300'        //圖片顯示效果的速度
}
4.例如:$('img').lazyload({placeholder:'http://caitupian.com/public/img/images/loading.gif'}); 5.下載地址: 源代碼:high.lazyload.js 壓縮版:high.lazyload.min.js 如有bug,歡迎指出。。。

您可能感興趣的文章:
jQuery lazyLoad圖片延遲加載插件的優化改造方法分享
jquery.lazyload 實現圖片延遲加載jquery插件
使用jquery插件實現圖片延遲加載技術詳細說明
基于jquery的lazy loader插件實現圖片的延遲加載[簡單使用]
Jquery uploadify圖片上傳插件無法上傳的解決方法
jquery圖片延遲加載 前端開發技能必備系列
Lazy Load 延遲加載圖片的 jQuery 插件
jquery插件lazyload.js延遲加載圖片的使用方法
用jquery等比例控制圖片寬高的具體實現
jquery實現鼠標拖動圖片效果示例代碼

關鍵詞: jquery  lazyload  圖片  插件  jquery  特效   
[關閉]
广西快乐10分怎样开奖号码