2011-06-15 46 views
0

我想編輯supersized.3.1.3.core.min.js文件。如何編輯最小化的jQuery插件文件?

下面的代碼(這裏暫時安置):

(function(a){a(document).ready(function(){a("body").prepend('<div id="supersized-loader"></div>').append('<div id="supersized"></div>')});a.supersized=function(b){var d={start_slide:1,vertical_center:0,horizontal_center:0,min_width:0,min_height:0,fit_portrait:0,fit_landscape:0,image_protect:1};var c=a("#supersized");if(b){var b=a.extend(d,b)}else{var b=a.extend(d)}if(b.start_slide){var f=b.start_slide-1}else{var f=Math.floor(Math.random()*b.slides.length)}a("<img/>").attr("src",b.slides[f].image).appendTo(c);c.hide();a(document).ready(function(){e()});a(window).load(function(){a("#supersized-loader").hide();c.fadeIn("fast");e()});a(window).resize(function(){e()});function e(){return c.each(function(){var g=a("img",c);a(g).each(function(){var i=(a(this).height()/a(this).width()).toFixed(2);thisSlide=a(this);var h=a(window).width();var k=a(window).height();var l;if((k<=b.min_height)&&(h<=b.min_width)){if((k/h)>i){b.fit_landscape&&i<=1?j(true):m(true)}else{b.fit_portrait&&i>1?m(true):j(true)}}else{if(h<=b.min_width){if((k/h)>i){b.fit_landscape&&i<=1?j(true):m()}else{b.fit_portrait&&i>1?m():j(true)}}else{if(k<=b.min_height){if((k/h)>i){b.fit_landscape&&i<=1?j():m(true)}else{b.fit_portrait&&i>1?m(true):j()}}else{if((k/h)>i){b.fit_landscape&&i<=1?j():m()}else{b.fit_portrait&&i>1?m():j()}}}}function j(n){if(n){if(thisSlide.width()<h||thisSlide.width()<b.min_width){if(thisSlide.width()*i>=b.min_height){thisSlide.width(b.min_width);thisSlide.height(thisSlide.width()*i)}else{m()}}}else{if(b.min_height>=k&&!b.fit_landscape){if(h*i>=b.min_height||(h*i>=b.min_height&&i<=1)){thisSlide.width(h);thisSlide.height(h*i)}else{if(i>1){thisSlide.height(b.min_height);thisSlide.width(thisSlide.height()/i)}else{if(thisSlide.width()<h){thisSlide.width(h);thisSlide.height(thisSlide.width()*i)}}}}else{thisSlide.width(h);thisSlide.height(h*i)}}}function m(n){if(n){if(thisSlide.height()<k){if(thisSlide.height()/i>=b.min_width){thisSlide.height(b.min_height);thisSlide.width(thisSlide.height()/i)}else{j(true)}}}else{if(b.min_width>=h){if(k/i>=b.min_width||i>1){thisSlide.height(k);thisSlide.width(k/i)}else{if(i<=1){thisSlide.width(b.min_width);thisSlide.height(thisSlide.width()*i)}}}else{thisSlide.height(k);thisSlide.width(k/i)}}}if(b.horizontal_center){a(this).css("left",(h-a(this).width())/2)}if(b.vertical_center){a(this).css("top",(k-a(this).height())/2)}});if(b.image_protect){a("img",c).bind("contextmenu",function(){return false});a("img",c).bind("mousedown",function(){return false})}return false})}}})(jQuery); 

我想補充的代碼我的自定義行:

a(window).load(function(){a("#supersized-loader").hide();c.fadeIn("fast");e()}); 

使:該位內部

$('#content').delay('fast').fadeIn('slow'); 

在背景圖像淡入之後#content div緩慢淡入。

我這樣做是在非最小化版本,就像這樣:

$(window).load(function(){ 

      $('#supersized-loader').hide();  //Hide loading animation 
      element.fadeIn('fast');    //Fade in background 

      resizenow(); 

$('#content').delay('fast').fadeIn('slow'); //my bit of code 

     }); 

- 但我非常想知道如何做同樣在最小化的代碼。

我會感謝專家的意見!

+0

看看http://stackoverflow.com/questions/822119/online-tool-to-unminify-decompress-javascript – 2011-06-15 17:24:08

+4

爲什麼不只是縮小編輯的未壓縮版本? – 2011-06-15 17:24:13

+0

你在問如何重命名事物,以便自己的添加被縮小?否則,您只需將它像添加到非縮小版本那樣添加即可。 – kinakuta 2011-06-15 17:25:10

回答

3

你可以只進行更改不會分鐘版本的.js文件,然後收拾它備份使用的幾個網絡工具之一。由於.min版本只是一個打包完整的.js文件,你應該很好去。

這裏有一個是有用的:http://dean.edwards.name/packer/

+0

謝謝LeGrande,這很漂亮,像鐘錶一樣工作! – 2011-06-15 17:48:41

0

你試過

a(window).load(function(){a("#supersized-loader").hide();c.fadeIn("fast");$('#content').delay('fast').fadeIn('slow');e()}); 
+0

然後,我會去@David Wick的建議...我想同樣的選擇。 – 2011-06-15 17:26:54

+0

我認爲給'e()'打電話可能很重要 – tucuxi 2011-06-15 17:29:17

1

爲什麼不用最小化的代碼工作,添加你的,測試一切都讓你滿意,然後然後再次最小化?

當然,你可以簡單地剝離空白你的fragement到插入右插上電源,產生

a(window).load(function(){a("#supersized-loader").hide();c.fadeIn("fast");e();a('#content').delay('fast').fadeIn('slow')}); 

假設e()resizenow(),這是一個合理的猜測。

+0

這一個不幸的工作:一個(窗口)。負載(函數(){A( 「#超大型裝載機」)隱藏(); c.fadeIn( 「快」); E(); $( '#內容')延遲( '快')淡入(。 '慢')}); – 2011-06-15 17:34:31

+1

可能已經修復了它 - 將'$'更改爲'a'... – tucuxi 2011-06-15 17:42:53

+0

是的!與一個!謝謝Tucuxi! – 2011-06-15 17:48:02