관리-도구

편집 파일: jquery.backstretch.min.js

(function($,window,undefined){$.fn.backstretch=function(images,options){if(images===undefined||images.length===0)$.error("No images were supplied for Backstretch");if($(window).scrollTop()===0)window.scrollTo(0,0);return this.each(function(){var $this=$(this),obj=$this.data("backstretch");if(obj){options=$.extend(obj.options,options);obj.destroy(true)}obj=new Backstretch(this,images,options);$this.data("backstretch",obj)})};$.backstretch=function(images,options){return $("body").backstretch(images, options).data("backstretch")};$.expr[":"].backstretch=function(elem){return $(elem).data("backstretch")!==undefined};$.fn.backstretch.defaults={centeredX:true,centeredY:true,duration:5E3,fade:0};var styles={wrap:{left:0,top:0,overflow:"hidden",margin:0,padding:0,height:"100%",width:"100%",zIndex:-999999},img:{position:"absolute",display:"none",margin:0,padding:0,border:"none",width:"auto",height:"auto",maxWidth:"none",zIndex:-999999}};var Backstretch=function(container,images,options){this.options= $.extend({},$.fn.backstretch.defaults,options||{});this.images=$.isArray(images)?images:[images];$.each(this.images,function(){$("<img />")[0].src=this});this.isBody=container===document.body;this.$container=$(container);this.$root=this.isBody?supportsFixedPosition?$(window):$(document):this.$container;var $existing=this.$container.children(".backstretch").first();this.$wrap=$existing.length?$existing:$('<div class="backstretch"></div>').css(styles.wrap).appendTo(this.$container);if(!this.isBody){var position= this.$container.css("position"),zIndex=this.$container.css("zIndex");this.$container.css({position:position==="static"?"relative":position,zIndex:zIndex==="auto"?0:zIndex,background:"none"});this.$wrap.css({zIndex:-999998})}this.$wrap.css({position:this.isBody&&supportsFixedPosition?"fixed":"absolute"});this.index=0;this.show(this.index);$(window).on("resize.backstretch",$.proxy(this.resize,this)).on("orientationchange.backstretch",$.proxy(function(){if(this.isBody&&window.pageYOffset===0){window.scrollTo(0, 1);this.resize()}},this))};Backstretch.prototype={resize:function(){try{var bgCSS={left:0,top:0},rootWidth=this.isBody?this.$root.width():this.$root.innerWidth(),bgWidth=rootWidth,rootHeight=this.isBody?window.innerHeight?window.innerHeight:this.$root.height():this.$root.innerHeight(),bgHeight=bgWidth/this.$img.data("ratio"),bgOffset;if(bgHeight>=rootHeight){bgOffset=(bgHeight-rootHeight)/2;if(this.options.centeredY)bgCSS.top="-"+bgOffset+"px"}else{bgHeight=rootHeight;bgWidth=bgHeight*this.$img.data("ratio"); bgOffset=(bgWidth-rootWidth)/2;if(this.options.centeredX)bgCSS.left="-"+bgOffset+"px"}this.$wrap.css({width:rootWidth,height:rootHeight}).find("img:not(.deleteable)").css({width:bgWidth,height:bgHeight}).css(bgCSS)}catch(err){}return this},show:function(index){if(Math.abs(index)>this.images.length-1)return;else this.index=index;var self=this,oldImage=self.$wrap.find("img").addClass("deleteable"),evt=$.Event("backstretch.show",{relatedTarget:self.$container[0]});clearInterval(self.interval);self.$img= $("<img />").css(styles.img).bind("load",function(e){var imgWidth=this.width||$(e.target).width(),imgHeight=this.height||$(e.target).height();$(this).data("ratio",imgWidth/imgHeight);$(this).fadeIn(self.options.speed||self.options.fade,function(){oldImage.remove();if(!self.paused)self.cycle();self.$container.trigger(evt,self)});self.resize()}).appendTo(self.$wrap);self.$img.attr("src",self.images[index]);return self},next:function(){return this.show(this.index<this.images.length-1?this.index+1:0)}, prev:function(){return this.show(this.index===0?this.images.length-1:this.index-1)},pause:function(){this.paused=true;return this},resume:function(){this.paused=false;this.next();return this},cycle:function(){if(this.images.length>1){clearInterval(this.interval);this.interval=setInterval($.proxy(function(){if(!this.paused)this.next()},this),this.options.duration)}return this},destroy:function(preserveBackground){$(window).off("resize.backstretch orientationchange.backstretch");clearInterval(this.interval); if(!preserveBackground)this.$wrap.remove();this.$container.removeData("backstretch")}};var supportsFixedPosition=function(){var ua=navigator.userAgent,platform=navigator.platform,wkmatch=ua.match(/AppleWebKit\/([0-9]+)/),wkversion=!!wkmatch&&wkmatch[1],ffmatch=ua.match(/Fennec\/([0-9]+)/),ffversion=!!ffmatch&&ffmatch[1],operammobilematch=ua.match(/Opera Mobi\/([0-9]+)/),omversion=!!operammobilematch&&operammobilematch[1],iematch=ua.match(/MSIE ([0-9]+)/),ieversion=!!iematch&&iematch[1];return!((platform.indexOf("iPhone")> -1||(platform.indexOf("iPad")>-1||platform.indexOf("iPod")>-1))&&(wkversion&&wkversion<534)||(window.operamini&&{}.toString.call(window.operamini)==="[object OperaMini]"||(operammobilematch&&omversion<7458||(ua.indexOf("Android")>-1&&(wkversion&&wkversion<533)||(ffversion&&ffversion<6||("palmGetResource"in window&&(wkversion&&wkversion<534)||(ua.indexOf("MeeGo")>-1&&ua.indexOf("NokiaBrowser/8.5.0")>-1||ieversion&&ieversion<=6)))))))}()})(jQuery,window);