jquery實現(xiàn)帶縮略圖的全屏圖片畫廊效果實例
更新時間：2015年06月25日 11:55:57 作者：任意球
這篇文章主要介紹了jquery實現(xiàn)帶縮略圖的全屏圖片畫廊效果,實例分析了jquery帶縮略圖的全屏效果圖片實現(xiàn)技巧,并附有完整的源碼下載,需要的朋友可以參考下
本文實例講述了jquery實現(xiàn)帶縮略圖的全屏圖片畫廊效果。分享給大家供大家參考。具體如下：
運行效果如下圖所示：
主要代碼如下：
(function($) {
$.fn.preload = function(options) {
var opts = $.extend({}, $.fn.preload.defaults, options);
o = $.meta ? $.extend({}, opts, this.data()) : opts;
var c = this.length,
l = 0;
return this.each(function() {
var $i = $(this);
$('<img/>').load(function(i){
++l;
if(l == c) o.onComplete();
}).attr('src',$i.attr('src'));
});
};
$.fn.preload.defaults = {
onComplete : function(){return false;}
};
})(jQuery);
完整實例代碼點擊此處本站下載。
希望本文所述對大家的jquery程序設計有所幫助。
您可能感興趣的文章:
相關(guān)文章
前面我們講述了jQuery中ajax的load（）方法，小伙伴們反應非常好，今天我們就來講解下jQuery中Ajax的get、post等方法，希望大家同樣能夠喜歡。2015-01-01
jQuery實現(xiàn)別踩白塊兒網(wǎng)頁版小游戲
本文主要介紹了jQuery實現(xiàn)別踩白塊兒網(wǎng)頁版小游戲的思路分析與代碼。具有一定的參考價值，下面跟著小編一起來看下吧2017-01-01
jQuery增加和刪除表格項目及實現(xiàn)表格項目排序的方法
jQuery對表格的操作是老生常談的問題了,各種插件也到處都是,這里我們還是來從技術(shù)著手jQuery增加和刪除表格項目及實現(xiàn)表格項目排序的方法:2016-05-05
jquery選擇器中的空格與大于號>、加號+與波浪號~的區(qū)別介紹
這篇文章主要介紹了jquery選擇器中的空格與大于號>、加號+與波浪號~的區(qū)別介紹的相關(guān)資料,需要的朋友可以參考下2016-06-06
在逛博客中無意中看到這個插件，一下就吸引住了我，于是就自己在網(wǎng)上找了些資料實踐了一下2011-08-08
基于jquery實現(xiàn)圖片廣告輪換效果代碼，需要的朋友可以參考下。2011-07-07
本篇文章主要是對jquery選擇器之基本過濾選擇器進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-01-01
下面小編就為大家?guī)硪黄猨Query validata插件實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-06-06
jQuery學習之DOM節(jié)點的插入方法總結(jié)
這篇文章主要給大家介紹了jQuery中DOM節(jié)點的插入方法，文章總結(jié)的很全面，相信對大家具有一定的參考價值，需要的朋友們一起來看看吧。2017-01-01
本文所要實現(xiàn)的效果廣泛應用于當前導航,主要表現(xiàn)為鼠標移到導航上面當前的LI變色，具體實現(xiàn)如下，感興趣的朋友可以參考下，希望對大家有所幫助2013-08-08