快捷導(dǎo)航

jquery實(shí)現(xiàn)帶縮略圖的全屏圖片畫廊效果實(shí)例

更新時(shí)間：2015年06月25日 11:55:57 作者：任意球

這篇文章主要介紹了jquery實(shí)現(xiàn)帶縮略圖的全屏圖片畫廊效果,實(shí)例分析了jquery帶縮略圖的全屏效果圖片實(shí)現(xiàn)技巧,并附有完整的源碼下載,需要的朋友可以參考下

本文實(shí)例講述了jquery實(shí)現(xiàn)帶縮略圖的全屏圖片畫廊效果。分享給大家供大家參考。具體如下：

運(yù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);

完整實(shí)例代碼點(diǎn)擊此處本站下載。

希望本文所述對(duì)大家的jquery程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

jQuery中Ajax的get、post等方法詳解
前面我們講述了jQuery中ajax的load（）方法，小伙伴們反應(yīng)非常好，今天我們就來講解下jQuery中Ajax的get、post等方法，希望大家同樣能夠喜歡。
2015-01-01
jQuery實(shí)現(xiàn)別踩白塊兒網(wǎng)頁(yè)版小游戲
本文主要介紹了jQuery實(shí)現(xiàn)別踩白塊兒網(wǎng)頁(yè)版小游戲的思路分析與代碼。具有一定的參考價(jià)值，下面跟著小編一起來看下吧
2017-01-01
jQuery增加和刪除表格項(xiàng)目及實(shí)現(xiàn)表格項(xiàng)目排序的方法
jQuery對(duì)表格的操作是老生常談的問題了,各種插件也到處都是,這里我們還是來從技術(shù)著手jQuery增加和刪除表格項(xiàng)目及實(shí)現(xiàn)表格項(xiàng)目排序的方法:
2016-05-05
jquery選擇器中的空格與大于號(hào)>、加號(hào)+與波浪號(hào)~的區(qū)別介紹
這篇文章主要介紹了jquery選擇器中的空格與大于號(hào)>、加號(hào)+與波浪號(hào)~的區(qū)別介紹的相關(guān)資料,需要的朋友可以參考下
2016-06-06
jqGrid jQuery 表格插件測(cè)試代碼
在逛博客中無意中看到這個(gè)插件，一下就吸引住了我，于是就自己在網(wǎng)上找了些資料實(shí)踐了一下
2011-08-08
基于jquery實(shí)現(xiàn)圖片廣告輪換效果代碼
基于jquery實(shí)現(xiàn)圖片廣告輪換效果代碼，需要的朋友可以參考下。
2011-07-07
jquery選擇器之基本過濾選擇器詳解
本篇文章主要是對(duì)jquery選擇器之基本過濾選擇器進(jìn)行了介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助
2014-01-01
jQuery validata插件實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄猨Query validata插件實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-06-06
jQuery學(xué)習(xí)之DOM節(jié)點(diǎn)的插入方法總結(jié)
這篇文章主要給大家介紹了jQuery中DOM節(jié)點(diǎn)的插入方法，文章總結(jié)的很全面，相信對(duì)大家具有一定的參考價(jià)值，需要的朋友們一起來看看吧。
2017-01-01
鼠標(biāo)移到導(dǎo)航當(dāng)前位置的LI變色處于選中狀態(tài)
本文所要實(shí)現(xiàn)的效果廣泛應(yīng)用于當(dāng)前導(dǎo)航,主要表現(xiàn)為鼠標(biāo)移到導(dǎo)航上面當(dāng)前的LI變色，具體實(shí)現(xiàn)如下，感興趣的朋友可以參考下，希望對(duì)大家有所幫助
2013-08-08