From c32f68d6dc4a5c8db6b015faf24a5a801383436e Mon Sep 17 00:00:00 2001 From: maechabin Date: Fri, 30 Oct 2015 20:53:05 +0900 Subject: [PATCH] commit cb-fsss.min.js --- dist/cb-fsss.min.js | 2 +- test/test.js | 21 ++++++++++++++++----- 2 files changed, 17 insertions(+), 6 deletions(-) diff --git a/dist/cb-fsss.min.js b/dist/cb-fsss.min.js index 945647f..57d1ae3 100644 --- a/dist/cb-fsss.min.js +++ b/dist/cb-fsss.min.js @@ -1 +1 @@ -!function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a="function"==typeof require&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}for(var i="function"==typeof require&&require,o=0;oinputIndex;inputIndex++)for(key in input[inputIndex])value=input[inputIndex][key],input[inputIndex].hasOwnProperty(key)&&value!==undefined&&($.isPlainObject(value)?target[key]=$.isPlainObject(target[key])?$.widget.extend({},target[key],value):$.widget.extend({},value):target[key]=value);return target},$.widget.bridge=function(name,object){var fullName=object.prototype.widgetFullName||name;$.fn[name]=function(options){var isMethodCall="string"==typeof options,args=slice.call(arguments,1),returnValue=this;return options=!isMethodCall&&args.length?$.widget.extend.apply(null,[options].concat(args)):options,isMethodCall?this.each(function(){var methodValue,instance=$.data(this,fullName);return instance?$.isFunction(instance[options])&&"_"!==options.charAt(0)?(methodValue=instance[options].apply(instance,args),methodValue!==instance&&methodValue!==undefined?(returnValue=methodValue&&methodValue.jquery?returnValue.pushStack(methodValue.get()):methodValue,!1):void 0):$.error("no such method '"+options+"' for "+name+" widget instance"):$.error("cannot call methods on "+name+" prior to initialization; attempted to call method '"+options+"'")}):this.each(function(){var instance=$.data(this,fullName);instance?instance.option(options||{})._init():$.data(this,fullName,new object(options,this))}),returnValue}},$.Widget=function(){},$.Widget._childConstructors=[],$.Widget.prototype={widgetName:"widget",widgetEventPrefix:"",defaultElement:"
",options:{disabled:!1,create:null},_createWidget:function(options,element){element=$(element||this.defaultElement||this)[0],this.element=$(element),this.uuid=uuid++,this.eventNamespace="."+this.widgetName+this.uuid,this.options=$.widget.extend({},this.options,this._getCreateOptions(),options),this.bindings=$(),this.hoverable=$(),this.focusable=$(),element!==this&&($.data(element,this.widgetFullName,this),this._on(!0,this.element,{remove:function(event){event.target===element&&this.destroy()}}),this.document=$(element.style?element.ownerDocument:element.document||element),this.window=$(this.document[0].defaultView||this.document[0].parentWindow)),this._create(),this._trigger("create",null,this._getCreateEventData()),this._init()},_getCreateOptions:$.noop,_getCreateEventData:$.noop,_create:$.noop,_init:$.noop,destroy:function(){this._destroy(),this.element.unbind(this.eventNamespace).removeData(this.widgetName).removeData(this.widgetFullName).removeData($.camelCase(this.widgetFullName)),this.widget().unbind(this.eventNamespace).removeAttr("aria-disabled").removeClass(this.widgetFullName+"-disabled ui-state-disabled"),this.bindings.unbind(this.eventNamespace),this.hoverable.removeClass("ui-state-hover"),this.focusable.removeClass("ui-state-focus")},_destroy:$.noop,widget:function(){return this.element},option:function(key,value){var parts,curOption,i,options=key;if(0===arguments.length)return $.widget.extend({},this.options);if("string"==typeof key)if(options={},parts=key.split("."),key=parts.shift(),parts.length){for(curOption=options[key]=$.widget.extend({},this.options[key]),i=0;i"),this.div2=$("
"),this.conf=options}return _createClass(FullScreenSlideShow,[{key:"animateImg",value:function(div){var d1="div1"===div?"div2":"div1",d2="div1"===div?"div1":"div2",self=this;this[d2].animate({opacity:0},this.conf.duration,function(){self[d2].css({"z-index":0,"background-image":"url("+self.conf.img[self.i]+")"}),self.i++}),this[d1].css({"z-index":1}).animate({opacity:1},this.conf.duration),this.displayImgFlag=d1}},{key:"changeImg",value:function(){this.i>=this.conf.img.length&&(this.i=0),this.animateImg(this.displayImgFlag)}},{key:"makeBg",value:function(){var divStyle={position:"absolute",top:0,left:0,width:this.conf.width,height:this.conf.height,"background-size":"cover","background-position":"center","-webkit-filter":"blur("+this.conf.blur+") grayscale("+this.conf.grayscale+") sepia("+this.conf.sepia+")",filter:"blur("+this.conf.blur+") grayscale("+this.conf.grayscale+") sepia("+this.conf.sepia+")"},div1Style={"z-index":1,opacity:1,"background-image":"url("+this.conf.img[0]+")"},div2Style={"z-index":0,opacity:0,"background-image":"url("+this.conf.img[1]+")"};this.$element.css({"z-index":this.conf.zindex,position:"relative",width:this.conf.width,height:this.conf.height,"background-color":this.conf.background}),this.div1.css(assign({},divStyle,div1Style)),this.div2.css(assign({},divStyle,div2Style)),this.$element.after(this.div1,this.div2)}},{key:"preloadImg",value:function(){this.conf.img.forEach(function(url){var imgTag=document.createElement("img");imgTag.src=url})}},{key:"startTimer",value:function(){var _this=this;0===this.setTimer&&(this.setTimer=setInterval(function(){_this.changeImg()},this.conf.interval))}},{key:"stopTimer",value:function(){0!==this.setTimer&&clearInterval(this.setTimer),this.setTimer=0}},{key:"init",value:function(){return this.conf.img.length&&(this.makeBg(),this.preloadImg()),this}}]),FullScreenSlideShow}();$.widget("plugin.cbFullScreenSlideShow",{fsss:{},options:{img:[],width:"100vw",height:"100vh",zindex:999,background:"rgba(1,1,1,0)",duration:1e3,interval:5e3,blur:"0px",grayscale:"0%",sepia:"0%"},_create:function(){var element=this.element,options=this.options;options.img instanceof Array&&0!==options.img.length&&(this.fsss=new FullScreenSlideShow(element,options),this.fsss.init(),this.fsss.startTimer())},start:function(){this.fsss.startTimer()},stop:function(){this.fsss.stopTimer()}})})}).call(this,"undefined"!=typeof global?global:"undefined"!=typeof self?self:"undefined"!=typeof window?window:{})},{"jquery-ui/widget":1,"object-assign":2}]},{},[3]); +!function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a="function"==typeof require&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}for(var i="function"==typeof require&&require,o=0;oinputIndex;inputIndex++)for(key in input[inputIndex])value=input[inputIndex][key],input[inputIndex].hasOwnProperty(key)&&value!==undefined&&($.isPlainObject(value)?target[key]=$.isPlainObject(target[key])?$.widget.extend({},target[key],value):$.widget.extend({},value):target[key]=value);return target},$.widget.bridge=function(name,object){var fullName=object.prototype.widgetFullName||name;$.fn[name]=function(options){var isMethodCall="string"==typeof options,args=slice.call(arguments,1),returnValue=this;return options=!isMethodCall&&args.length?$.widget.extend.apply(null,[options].concat(args)):options,isMethodCall?this.each(function(){var methodValue,instance=$.data(this,fullName);return instance?$.isFunction(instance[options])&&"_"!==options.charAt(0)?(methodValue=instance[options].apply(instance,args),methodValue!==instance&&methodValue!==undefined?(returnValue=methodValue&&methodValue.jquery?returnValue.pushStack(methodValue.get()):methodValue,!1):void 0):$.error("no such method '"+options+"' for "+name+" widget instance"):$.error("cannot call methods on "+name+" prior to initialization; attempted to call method '"+options+"'")}):this.each(function(){var instance=$.data(this,fullName);instance?instance.option(options||{})._init():$.data(this,fullName,new object(options,this))}),returnValue}},$.Widget=function(){},$.Widget._childConstructors=[],$.Widget.prototype={widgetName:"widget",widgetEventPrefix:"",defaultElement:"
",options:{disabled:!1,create:null},_createWidget:function(options,element){element=$(element||this.defaultElement||this)[0],this.element=$(element),this.uuid=uuid++,this.eventNamespace="."+this.widgetName+this.uuid,this.options=$.widget.extend({},this.options,this._getCreateOptions(),options),this.bindings=$(),this.hoverable=$(),this.focusable=$(),element!==this&&($.data(element,this.widgetFullName,this),this._on(!0,this.element,{remove:function(event){event.target===element&&this.destroy()}}),this.document=$(element.style?element.ownerDocument:element.document||element),this.window=$(this.document[0].defaultView||this.document[0].parentWindow)),this._create(),this._trigger("create",null,this._getCreateEventData()),this._init()},_getCreateOptions:$.noop,_getCreateEventData:$.noop,_create:$.noop,_init:$.noop,destroy:function(){this._destroy(),this.element.unbind(this.eventNamespace).removeData(this.widgetName).removeData(this.widgetFullName).removeData($.camelCase(this.widgetFullName)),this.widget().unbind(this.eventNamespace).removeAttr("aria-disabled").removeClass(this.widgetFullName+"-disabled ui-state-disabled"),this.bindings.unbind(this.eventNamespace),this.hoverable.removeClass("ui-state-hover"),this.focusable.removeClass("ui-state-focus")},_destroy:$.noop,widget:function(){return this.element},option:function(key,value){var parts,curOption,i,options=key;if(0===arguments.length)return $.widget.extend({},this.options);if("string"==typeof key)if(options={},parts=key.split("."),key=parts.shift(),parts.length){for(curOption=options[key]=$.widget.extend({},this.options[key]),i=0;i"),this.div2=$("
"),this.conf=options}return _createClass(FullScreenSlideShow,[{key:"animateImg",value:function(div){var d1="div1"===div?"div2":"div1",d2="div1"===div?"div1":"div2",self=this;this[d2].animate({opacity:0},this.conf.duration,function(){self[d2].css({"z-index":0,"background-image":"url("+self.conf.img[self.i].src+")"}),self.i++}),this[d1].css({"z-index":1}).animate({opacity:1},this.conf.duration),this.displayImgFlag=d1}},{key:"changeImg",value:function(){this.i>=this.conf.img.length&&(this.i=0),this.animateImg(this.displayImgFlag)}},{key:"makeBg",value:function(){var divStyle={position:"absolute",top:0,left:0,width:this.conf.width,height:this.conf.height,"background-size":"cover","background-position":"center","-webkit-filter":"blur("+this.conf.blur+") grayscale("+this.conf.grayscale+") sepia("+this.conf.sepia+")",filter:"blur("+this.conf.blur+") grayscale("+this.conf.grayscale+") sepia("+this.conf.sepia+")"},div1Style={"z-index":1,opacity:1,"background-image":"url("+this.conf.img[0].src+")"},div2Style={"z-index":0,opacity:0,"background-image":"url("+this.conf.img[1].src+")"};this.$element.css({"z-index":this.conf.zindex,position:"relative",width:this.conf.width,height:this.conf.height,"background-color":this.conf.background}),this.div1.css(assign({},divStyle,div1Style)),this.div2.css(assign({},divStyle,div2Style)),this.$element.after(this.div1,this.div2)}},{key:"preloadImg",value:function(){this.conf.img.forEach(function(url){var imgTag=document.createElement("img");imgTag.src=url.src})}},{key:"startTimer",value:function(){var _this=this;0===this.setTimer&&(this.setTimer=setInterval(function(){_this.changeImg()},this.conf.interval))}},{key:"stopTimer",value:function(){0!==this.setTimer&&clearInterval(this.setTimer),this.setTimer=0}},{key:"init",value:function(){return this.conf.img.length&&(this.makeBg(),this.preloadImg()),this}}]),FullScreenSlideShow}();$.widget("plugin.cbFullScreenSlideShow",{fsss:{},options:{img:[],width:"100vw",height:"100vh",zindex:999,background:"rgba(1,1,1,0)",duration:1e3,interval:5e3,blur:"0px",grayscale:"0%",sepia:"0%"},start:function(){this.fsss.startTimer()},stop:function(){this.fsss.stopTimer()},_create:function(){var element=this.element,options=this.options;options.img instanceof Array&&0!==options.img.length&&(this.fsss=new FullScreenSlideShow(element,options),this.fsss.init(),this.fsss.startTimer())}})})}).call(this,"undefined"!=typeof global?global:"undefined"!=typeof self?self:"undefined"!=typeof window?window:{})},{"jquery-ui/widget":1,"object-assign":2}]},{},[3]); diff --git a/test/test.js b/test/test.js index ea461d1..61de7c3 100644 --- a/test/test.js +++ b/test/test.js @@ -6,11 +6,15 @@ beforeEach: function () { this.fsss = $(".cb-fsss"); this.fsss.cbFullScreenSlideShow({ - img: [ - "http://jsrun.it/assets/U/z/W/x/UzWxP.jpg", - "http://jsrun.it/assets/k/I/5/n/kI5nR.jpg", - "http://jsrun.it/assets/g/5/i/7/g5i7d.jpg" - ] + img: [{ + src: "http://jsrun.it/assets/U/z/W/x/UzWxP.jpg", + }, + { + src: "http://jsrun.it/assets/k/I/5/n/kI5nR.jpg" + }, + { + src: "http://jsrun.it/assets/g/5/i/7/g5i7d.jpg" + }] }); } }); @@ -19,6 +23,13 @@ assert.ok($.fn.cbFullScreenSlideShow, "Passed!!"); }); + QUnit.test("div要素が生成されているか", function (assert) { + var div1 = this.fsss.next(); + var div2 = div1.next(); + assert.ok(div1, "Passed!!"); + assert.ok(div2, "Passed!!"); + }); + QUnit.test("デフォルト値のチェック", function (assert) { var width = $(window).width();