diff --git a/Dia 43 - jQuery Exemplos/D43E1 - jQuery Aparecendo.html b/Dia 43 - jQuery Exemplos/D43E1 - jQuery Aparecendo.html new file mode 100644 index 0000000..af422b2 --- /dev/null +++ b/Dia 43 - jQuery Exemplos/D43E1 - jQuery Aparecendo.html @@ -0,0 +1,164 @@ + + + + + + jQuery Eventos + + + + + + + + +

Exemplo Animação

+ +
+
+

SoulCode Academy

+

Uma Edtech brasileira, somos uma escola de educação não formal e inclusão digital, de metodologia ágil, + com a missão de gerar impacto social, através da capacitação tecnológica, com foco em diversidade, + equalidade e empregabilidade.

+
+
+ img1 +
+
+
+
+
+
+

TNT Energy Drink

+

Uma parceria que diz muito sobre nós: SoulCode Academy + TNT Energy Drink! É necessário muita energia e + muita resistência para codar. E aí, quem vem?

+
+
+ img2 +
+
+
+
+
+
+

Web Full Stack

+

o desenvolvedor full stack é o profissional habilitado para compreender e operar em todas as camadas do + desenvolvimento de um projeto, desde a criação de servidores internos até interfaces de comunicação com + o usuário final.

+
+
+ img3 +
+
+
+
+
+
+

SoulCode Academy

+

Uma Edtech brasileira, somos uma escola de educação não formal e inclusão digital, de metodologia ágil, + com a missão de gerar impacto social, através da capacitação tecnológica, com foco em diversidade, + equalidade e empregabilidade.

+
+
+ img1 +
+
+
+
+
+
+

TNT Energy Drink

+

Uma parceria que diz muito sobre nós: SoulCode Academy + TNT Energy Drink! É necessário muita energia e + muita resistência para codar. E aí, quem vem?

+
+
+ img2 +
+
+
+
+
+
+

Web Full Stack

+

o desenvolvedor full stack é o profissional habilitado para compreender e operar em todas as camadas do + desenvolvimento de um projeto, desde a criação de servidores internos até interfaces de comunicação com + o usuário final.

+
+
+ img3 +
+
+
+
+ + + + \ No newline at end of file diff --git a/Dia 43 - jQuery Exemplos/D4E2 - Slider/css/lightslider.css b/Dia 43 - jQuery Exemplos/D4E2 - Slider/css/lightslider.css new file mode 100644 index 0000000..ca7f2a9 --- /dev/null +++ b/Dia 43 - jQuery Exemplos/D4E2 - Slider/css/lightslider.css @@ -0,0 +1,403 @@ +/*! lightslider - v1.1.6 - 2016-10-25 +* https://github.com/sachinchoolur/lightslider +* Copyright (c) 2016 Sachin N; Licensed MIT */ + +/*! lightslider - v1.1.3 - 2015-04-14 +* https://github.com/sachinchoolur/lightslider +* Copyright (c) 2015 Sachin N; Licensed MIT */ + +/** /!!! core css Should not edit !!!/**/ + +.lSSlideOuter { + overflow: hidden; + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.lightSlider:before, +.lightSlider:after { + content: " "; + display: table; +} +.lightSlider { + overflow: hidden; + margin: 0; +} +.lSSlideWrapper { + max-width: 100%; + overflow: hidden; + position: relative; +} +.lSSlideWrapper > .lightSlider:after { + clear: both; +} +.lSSlideWrapper .lSSlide { + -webkit-transform: translate(0px, 0px); + -ms-transform: translate(0px, 0px); + transform: translate(0px, 0px); + -webkit-transition: all 1s; + -webkit-transition-property: -webkit-transform, height; + -moz-transition-property: -moz-transform, height; + transition-property: transform, height; + -webkit-transition-duration: inherit !important; + transition-duration: inherit !important; + -webkit-transition-timing-function: inherit !important; + transition-timing-function: inherit !important; +} +.lSSlideWrapper .lSFade { + position: relative; +} +.lSSlideWrapper .lSFade > * { + position: absolute !important; + top: 0; + left: 0; + z-index: 9; + margin-right: 0; + width: 100%; +} +.lSSlideWrapper.usingCss .lSFade > * { + opacity: 0; + -webkit-transition-delay: 0s; + transition-delay: 0s; + -webkit-transition-duration: inherit !important; + transition-duration: inherit !important; + -webkit-transition-property: opacity; + transition-property: opacity; + -webkit-transition-timing-function: inherit !important; + transition-timing-function: inherit !important; +} +.lSSlideWrapper .lSFade > *.active { + z-index: 10; +} +.lSSlideWrapper.usingCss .lSFade > *.active { + opacity: 1; +} +/** /!!! End of core css Should not edit !!!/**/ + +/* Pager */ +.lSSlideOuter .lSPager.lSpg { + margin: 10px 0 0; + padding: 0; + text-align: center; +} +.lSSlideOuter .lSPager.lSpg > li { + cursor: pointer; + display: inline-block; + padding: 0 5px; +} +.lSSlideOuter .lSPager.lSpg > li a { + background-color: #222222; + border-radius: 30px; + display: inline-block; + height: 8px; + overflow: hidden; + text-indent: -999em; + width: 8px; + position: relative; + z-index: 99; + -webkit-transition: all 0.5s linear 0s; + transition: all 0.5s linear 0s; +} +.lSSlideOuter .lSPager.lSpg > li:hover a, +.lSSlideOuter .lSPager.lSpg > li.active a { + background-color: #428bca; +} +.lSSlideOuter .media { + opacity: 0.8; +} +.lSSlideOuter .media.active { + opacity: 1; +} +/* End of pager */ + +/** Gallery */ +.lSSlideOuter .lSPager.lSGallery { + list-style: none outside none; + padding-left: 0; + margin: 0; + overflow: hidden; + transform: translate3d(0px, 0px, 0px); + -moz-transform: translate3d(0px, 0px, 0px); + -ms-transform: translate3d(0px, 0px, 0px); + -webkit-transform: translate3d(0px, 0px, 0px); + -o-transform: translate3d(0px, 0px, 0px); + -webkit-transition-property: -webkit-transform; + -moz-transition-property: -moz-transform; + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.lSSlideOuter .lSPager.lSGallery li { + overflow: hidden; + -webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s; + transition: border-radius 0.12s linear 0s 0.35s linear 0s; +} +.lSSlideOuter .lSPager.lSGallery li.active, +.lSSlideOuter .lSPager.lSGallery li:hover { + border-radius: 5px; +} +.lSSlideOuter .lSPager.lSGallery img { + display: block; + height: auto; + max-width: 100%; +} +.lSSlideOuter .lSPager.lSGallery:before, +.lSSlideOuter .lSPager.lSGallery:after { + content: " "; + display: table; +} +.lSSlideOuter .lSPager.lSGallery:after { + clear: both; +} +/* End of Gallery*/ + +/* slider actions */ +.lSAction > a { + width: 32px; + display: block; + top: 50%; + height: 32px; + background-image: url("../img/controls.png"); + cursor: pointer; + position: absolute; + z-index: 99; + margin-top: -16px; + opacity: 0.5; + -webkit-transition: opacity 0.35s linear 0s; + transition: opacity 0.35s linear 0s; +} +.lSAction > a:hover { + opacity: 1; +} +.lSAction > .lSPrev { + background-position: 0 0; + left: 10px; +} +.lSAction > .lSNext { + background-position: -32px 0; + right: 10px; +} +.lSAction > a.disabled { + pointer-events: none; +} +.cS-hidden { + height: 1px; + opacity: 0; + filter: alpha(opacity=0); + overflow: hidden; +} + +/* vertical */ +.lSSlideOuter.vertical { + position: relative; +} +.lSSlideOuter.vertical.noPager { + padding-right: 0px !important; +} +.lSSlideOuter.vertical .lSGallery { + position: absolute !important; + right: 0; + top: 0; +} +.lSSlideOuter.vertical .lightSlider > * { + width: 100% !important; + max-width: none !important; +} + +/* vertical controlls */ +.lSSlideOuter.vertical .lSAction > a { + left: 50%; + margin-left: -14px; + margin-top: 0; +} +.lSSlideOuter.vertical .lSAction > .lSNext { + background-position: 31px -31px; + bottom: 10px; + top: auto; +} +.lSSlideOuter.vertical .lSAction > .lSPrev { + background-position: 0 -31px; + bottom: auto; + top: 10px; +} +/* vertical */ + +/* Rtl */ +.lSSlideOuter.lSrtl { + direction: rtl; +} +.lSSlideOuter .lightSlider, +.lSSlideOuter .lSPager { + padding-left: 0; + list-style: none outside none; +} +.lSSlideOuter.lSrtl .lightSlider, +.lSSlideOuter.lSrtl .lSPager { + padding-right: 0; +} +.lSSlideOuter .lightSlider > *, +.lSSlideOuter .lSGallery li { + float: left; +} +.lSSlideOuter.lSrtl .lightSlider > *, +.lSSlideOuter.lSrtl .lSGallery li { + float: right !important; +} +/* Rtl */ + +@-webkit-keyframes rightEnd { + 0% { + left: 0; + } + + 50% { + left: -15px; + } + + 100% { + left: 0; + } +} +@keyframes rightEnd { + 0% { + left: 0; + } + + 50% { + left: -15px; + } + + 100% { + left: 0; + } +} +@-webkit-keyframes topEnd { + 0% { + top: 0; + } + + 50% { + top: -15px; + } + + 100% { + top: 0; + } +} +@keyframes topEnd { + 0% { + top: 0; + } + + 50% { + top: -15px; + } + + 100% { + top: 0; + } +} +@-webkit-keyframes leftEnd { + 0% { + left: 0; + } + + 50% { + left: 15px; + } + + 100% { + left: 0; + } +} +@keyframes leftEnd { + 0% { + left: 0; + } + + 50% { + left: 15px; + } + + 100% { + left: 0; + } +} +@-webkit-keyframes bottomEnd { + 0% { + bottom: 0; + } + + 50% { + bottom: -15px; + } + + 100% { + bottom: 0; + } +} +@keyframes bottomEnd { + 0% { + bottom: 0; + } + + 50% { + bottom: -15px; + } + + 100% { + bottom: 0; + } +} +.lSSlideOuter .rightEnd { + -webkit-animation: rightEnd 0.3s; + animation: rightEnd 0.3s; + position: relative; +} +.lSSlideOuter .leftEnd { + -webkit-animation: leftEnd 0.3s; + animation: leftEnd 0.3s; + position: relative; +} +.lSSlideOuter.vertical .rightEnd { + -webkit-animation: topEnd 0.3s; + animation: topEnd 0.3s; + position: relative; +} +.lSSlideOuter.vertical .leftEnd { + -webkit-animation: bottomEnd 0.3s; + animation: bottomEnd 0.3s; + position: relative; +} +.lSSlideOuter.lSrtl .rightEnd { + -webkit-animation: leftEnd 0.3s; + animation: leftEnd 0.3s; + position: relative; +} +.lSSlideOuter.lSrtl .leftEnd { + -webkit-animation: rightEnd 0.3s; + animation: rightEnd 0.3s; + position: relative; +} +/*/ Grab cursor */ +.lightSlider.lsGrab > * { + cursor: -webkit-grab; + cursor: -moz-grab; + cursor: -o-grab; + cursor: -ms-grab; + cursor: grab; +} +.lightSlider.lsGrabbing > * { + cursor: move; + cursor: -webkit-grabbing; + cursor: -moz-grabbing; + cursor: -o-grabbing; + cursor: -ms-grabbing; + cursor: grabbing; +} diff --git a/Dia 43 - jQuery Exemplos/D4E2 - Slider/css/lightslider.min.css b/Dia 43 - jQuery Exemplos/D4E2 - Slider/css/lightslider.min.css new file mode 100644 index 0000000..e5fec29 --- /dev/null +++ b/Dia 43 - jQuery Exemplos/D4E2 - Slider/css/lightslider.min.css @@ -0,0 +1,3 @@ +/*! lightslider - v1.1.3 - 2015-04-14 +* https://github.com/sachinchoolur/lightslider +* Copyright (c) 2015 Sachin N; Licensed MIT */.lSSlideWrapper,.lSSlideWrapper .lSFade{position:relative}.lSSlideWrapper .lSSlide,.lSSlideWrapper.usingCss .lSFade>*{-webkit-transition-timing-function:inherit!important;transition-timing-function:inherit!important;-webkit-transition-duration:inherit!important;transition-duration:inherit!important}.lSSlideOuter,.lSSlideOuter .lSPager.lSGallery{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-user-select:none}.lSSlideOuter .lSPager.lSGallery:after,.lSSlideWrapper>.lightSlider:after{clear:both}.lSSlideOuter{overflow:hidden;user-select:none}.lightSlider:after,.lightSlider:before{content:" ";display:table}.lightSlider{overflow:hidden;margin:0}.lSSlideWrapper{max-width:100%;overflow:hidden}.lSSlideWrapper .lSSlide{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transition:all 1s;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform,height;transition-property:transform,height}.lSSlideWrapper .lSFade>*{position:absolute!important;top:0;left:0;z-index:9;margin-right:0;width:100%}.lSSlideWrapper.usingCss .lSFade>*{opacity:0;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-property:opacity;transition-property:opacity}.lSSlideWrapper .lSFade>.active{z-index:10}.lSSlideWrapper.usingCss .lSFade>.active{opacity:1}.lSSlideOuter .lSPager.lSpg{margin:10px 0 0;padding:0;text-align:center}.lSSlideOuter .lSPager.lSpg>li{cursor:pointer;display:inline-block;padding:0 5px}.lSSlideOuter .lSPager.lSpg>li a{background-color:#222;border-radius:30px;display:inline-block;height:8px;overflow:hidden;text-indent:-999em;width:8px;position:relative;z-index:99;-webkit-transition:all .5s linear 0s;transition:all .5s linear 0s}.lSSlideOuter .lSPager.lSpg>li.active a,.lSSlideOuter .lSPager.lSpg>li:hover a{background-color:#428bca}.lSSlideOuter .media{opacity:.8}.lSSlideOuter .media.active{opacity:1}.lSSlideOuter .lSPager.lSGallery{list-style:none;padding-left:0;margin:0;overflow:hidden;transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;user-select:none}.lSSlideOuter .lSPager.lSGallery li{overflow:hidden;-webkit-transition:border-radius .12s linear 0s .35s linear 0s;transition:border-radius .12s linear 0s .35s linear 0s}.lSSlideOuter .lSPager.lSGallery li.active,.lSSlideOuter .lSPager.lSGallery li:hover{border-radius:5px}.lSSlideOuter .lSPager.lSGallery img{display:block;height:auto;max-width:100%}.lSSlideOuter .lSPager.lSGallery:after,.lSSlideOuter .lSPager.lSGallery:before{content:" ";display:table}.lSAction>a{width:32px;display:block;top:50%;height:32px;background-image:url(../img/controls.png);cursor:pointer;position:absolute;z-index:99;margin-top:-16px;opacity:.5;-webkit-transition:opacity .35s linear 0s;transition:opacity .35s linear 0s}.lSAction>a:hover{opacity:1}.lSAction>.lSPrev{background-position:0 0;left:10px}.lSAction>.lSNext{background-position:-32px 0;right:10px}.lSAction>a.disabled{pointer-events:none}.cS-hidden{height:1px;opacity:0;filter:alpha(opacity=0);overflow:hidden}.lSSlideOuter.vertical{position:relative}.lSSlideOuter.vertical.noPager{padding-right:0!important}.lSSlideOuter.vertical .lSGallery{position:absolute!important;right:0;top:0}.lSSlideOuter.vertical .lightSlider>*{width:100%!important;max-width:none!important}.lSSlideOuter.vertical .lSAction>a{left:50%;margin-left:-14px;margin-top:0}.lSSlideOuter.vertical .lSAction>.lSNext{background-position:31px -31px;bottom:10px;top:auto}.lSSlideOuter.vertical .lSAction>.lSPrev{background-position:0 -31px;bottom:auto;top:10px}.lSSlideOuter.lSrtl{direction:rtl}.lSSlideOuter .lSPager,.lSSlideOuter .lightSlider{padding-left:0;list-style:none}.lSSlideOuter.lSrtl .lSPager,.lSSlideOuter.lSrtl .lightSlider{padding-right:0}.lSSlideOuter .lSGallery li,.lSSlideOuter .lightSlider>*{float:left}.lSSlideOuter.lSrtl .lSGallery li,.lSSlideOuter.lSrtl .lightSlider>*{float:right!important}@-webkit-keyframes rightEnd{0%,100%{left:0}50%{left:-15px}}@keyframes rightEnd{0%,100%{left:0}50%{left:-15px}}@-webkit-keyframes topEnd{0%,100%{top:0}50%{top:-15px}}@keyframes topEnd{0%,100%{top:0}50%{top:-15px}}@-webkit-keyframes leftEnd{0%,100%{left:0}50%{left:15px}}@keyframes leftEnd{0%,100%{left:0}50%{left:15px}}@-webkit-keyframes bottomEnd{0%,100%{bottom:0}50%{bottom:-15px}}@keyframes bottomEnd{0%,100%{bottom:0}50%{bottom:-15px}}.lSSlideOuter .rightEnd{-webkit-animation:rightEnd .3s;animation:rightEnd .3s;position:relative}.lSSlideOuter .leftEnd{-webkit-animation:leftEnd .3s;animation:leftEnd .3s;position:relative}.lSSlideOuter.vertical .rightEnd{-webkit-animation:topEnd .3s;animation:topEnd .3s;position:relative}.lSSlideOuter.vertical .leftEnd{-webkit-animation:bottomEnd .3s;animation:bottomEnd .3s;position:relative}.lSSlideOuter.lSrtl .rightEnd{-webkit-animation:leftEnd .3s;animation:leftEnd .3s;position:relative}.lSSlideOuter.lSrtl .leftEnd{-webkit-animation:rightEnd .3s;animation:rightEnd .3s;position:relative}.lightSlider.lsGrab>*{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lightSlider.lsGrabbing>*{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing} \ No newline at end of file diff --git a/Dia 43 - jQuery Exemplos/D4E2 - Slider/img/cS-1.jpg b/Dia 43 - jQuery Exemplos/D4E2 - Slider/img/cS-1.jpg new file mode 100644 index 0000000..add78c6 Binary files /dev/null and b/Dia 43 - jQuery Exemplos/D4E2 - Slider/img/cS-1.jpg differ diff --git a/Dia 43 - jQuery Exemplos/D4E2 - Slider/img/cS-2.jpg b/Dia 43 - jQuery Exemplos/D4E2 - Slider/img/cS-2.jpg new file mode 100644 index 0000000..b614a80 Binary files /dev/null and b/Dia 43 - jQuery Exemplos/D4E2 - Slider/img/cS-2.jpg differ diff --git a/Dia 43 - jQuery Exemplos/D4E2 - Slider/img/cS-3.jpg b/Dia 43 - jQuery Exemplos/D4E2 - Slider/img/cS-3.jpg new file mode 100644 index 0000000..0a11e60 Binary files /dev/null and b/Dia 43 - jQuery Exemplos/D4E2 - Slider/img/cS-3.jpg differ diff --git a/Dia 43 - jQuery Exemplos/D4E2 - Slider/img/cS-4.jpg b/Dia 43 - jQuery Exemplos/D4E2 - Slider/img/cS-4.jpg new file mode 100644 index 0000000..78e73be Binary files /dev/null and b/Dia 43 - jQuery Exemplos/D4E2 - Slider/img/cS-4.jpg differ diff --git a/Dia 43 - jQuery Exemplos/D4E2 - Slider/img/cS-5.jpg b/Dia 43 - jQuery Exemplos/D4E2 - Slider/img/cS-5.jpg new file mode 100644 index 0000000..85b979a Binary files /dev/null and b/Dia 43 - jQuery Exemplos/D4E2 - Slider/img/cS-5.jpg differ diff --git a/Dia 43 - jQuery Exemplos/D4E2 - Slider/img/cS-6.jpg b/Dia 43 - jQuery Exemplos/D4E2 - Slider/img/cS-6.jpg new file mode 100644 index 0000000..41cd1c0 Binary files /dev/null and b/Dia 43 - jQuery Exemplos/D4E2 - Slider/img/cS-6.jpg differ diff --git a/Dia 43 - jQuery Exemplos/D4E2 - Slider/img/cS-7.jpg b/Dia 43 - jQuery Exemplos/D4E2 - Slider/img/cS-7.jpg new file mode 100644 index 0000000..82639e2 Binary files /dev/null and b/Dia 43 - jQuery Exemplos/D4E2 - Slider/img/cS-7.jpg differ diff --git a/Dia 43 - jQuery Exemplos/D4E2 - Slider/img/cS-8.jpg b/Dia 43 - jQuery Exemplos/D4E2 - Slider/img/cS-8.jpg new file mode 100644 index 0000000..9008927 Binary files /dev/null and b/Dia 43 - jQuery Exemplos/D4E2 - Slider/img/cS-8.jpg differ diff --git a/Dia 43 - jQuery Exemplos/D4E2 - Slider/img/controls.png b/Dia 43 - jQuery Exemplos/D4E2 - Slider/img/controls.png new file mode 100644 index 0000000..03dc4cf Binary files /dev/null and b/Dia 43 - jQuery Exemplos/D4E2 - Slider/img/controls.png differ diff --git a/Dia 43 - jQuery Exemplos/D4E2 - Slider/img/thumb/cS-1.jpg b/Dia 43 - jQuery Exemplos/D4E2 - Slider/img/thumb/cS-1.jpg new file mode 100644 index 0000000..8bdff26 Binary files /dev/null and b/Dia 43 - jQuery Exemplos/D4E2 - Slider/img/thumb/cS-1.jpg differ diff --git a/Dia 43 - jQuery Exemplos/D4E2 - Slider/img/thumb/cS-2.jpg b/Dia 43 - jQuery Exemplos/D4E2 - Slider/img/thumb/cS-2.jpg new file mode 100644 index 0000000..f755e51 Binary files /dev/null and b/Dia 43 - jQuery Exemplos/D4E2 - Slider/img/thumb/cS-2.jpg differ diff --git a/Dia 43 - jQuery Exemplos/D4E2 - Slider/img/thumb/cS-3.jpg b/Dia 43 - jQuery Exemplos/D4E2 - Slider/img/thumb/cS-3.jpg new file mode 100644 index 0000000..7371baa Binary files /dev/null and b/Dia 43 - jQuery Exemplos/D4E2 - Slider/img/thumb/cS-3.jpg differ diff --git a/Dia 43 - jQuery Exemplos/D4E2 - Slider/img/thumb/cS-4.jpg b/Dia 43 - jQuery Exemplos/D4E2 - Slider/img/thumb/cS-4.jpg new file mode 100644 index 0000000..3ddf048 Binary files /dev/null and b/Dia 43 - jQuery Exemplos/D4E2 - Slider/img/thumb/cS-4.jpg differ diff --git a/Dia 43 - jQuery Exemplos/D4E2 - Slider/img/thumb/cS-5.jpg b/Dia 43 - jQuery Exemplos/D4E2 - Slider/img/thumb/cS-5.jpg new file mode 100644 index 0000000..81ec6fe Binary files /dev/null and b/Dia 43 - jQuery Exemplos/D4E2 - Slider/img/thumb/cS-5.jpg differ diff --git a/Dia 43 - jQuery Exemplos/D4E2 - Slider/img/thumb/cS-6.jpg b/Dia 43 - jQuery Exemplos/D4E2 - Slider/img/thumb/cS-6.jpg new file mode 100644 index 0000000..f3663b4 Binary files /dev/null and b/Dia 43 - jQuery Exemplos/D4E2 - Slider/img/thumb/cS-6.jpg differ diff --git a/Dia 43 - jQuery Exemplos/D4E2 - Slider/img/thumb/cS-7.jpg b/Dia 43 - jQuery Exemplos/D4E2 - Slider/img/thumb/cS-7.jpg new file mode 100644 index 0000000..ceb85cf Binary files /dev/null and b/Dia 43 - jQuery Exemplos/D4E2 - Slider/img/thumb/cS-7.jpg differ diff --git a/Dia 43 - jQuery Exemplos/D4E2 - Slider/img/thumb/cS-8.jpg b/Dia 43 - jQuery Exemplos/D4E2 - Slider/img/thumb/cS-8.jpg new file mode 100644 index 0000000..21caa62 Binary files /dev/null and b/Dia 43 - jQuery Exemplos/D4E2 - Slider/img/thumb/cS-8.jpg differ diff --git a/Dia 43 - jQuery Exemplos/D4E2 - Slider/index.html b/Dia 43 - jQuery Exemplos/D4E2 - Slider/index.html new file mode 100644 index 0000000..267b4fa --- /dev/null +++ b/Dia 43 - jQuery Exemplos/D4E2 - Slider/index.html @@ -0,0 +1,120 @@ + + + + + lightSlider Demo + + + + + + + + + + + + + + +
+
+
+ +
+
+
+ +
+ +
+ \ No newline at end of file diff --git a/Dia 43 - jQuery Exemplos/D4E2 - Slider/js/lightslider.js b/Dia 43 - jQuery Exemplos/D4E2 - Slider/js/lightslider.js new file mode 100644 index 0000000..acff119 --- /dev/null +++ b/Dia 43 - jQuery Exemplos/D4E2 - Slider/js/lightslider.js @@ -0,0 +1,1143 @@ +/*! lightslider - v1.1.6 - 2016-10-25 +* https://github.com/sachinchoolur/lightslider +* Copyright (c) 2016 Sachin N; Licensed MIT */ +(function ($, undefined) { + 'use strict'; + var defaults = { + item: 3, + autoWidth: false, + slideMove: 1, + slideMargin: 10, + addClass: '', + mode: 'slide', + useCSS: true, + cssEasing: 'ease', //'cubic-bezier(0.25, 0, 0.25, 1)', + easing: 'linear', //'for jquery animation',// + speed: 400, //ms' + auto: false, + pauseOnHover: false, + loop: false, + slideEndAnimation: true, + pause: 2000, + keyPress: false, + controls: true, + prevHtml: '', + nextHtml: '', + rtl: false, + adaptiveHeight: false, + vertical: false, + verticalHeight: 500, + vThumbWidth: 100, + thumbItem: 10, + pager: true, + gallery: false, + galleryMargin: 5, + thumbMargin: 5, + currentPagerPosition: 'middle', + enableTouch: true, + enableDrag: true, + freeMove: true, + swipeThreshold: 40, + responsive: [], + /* jshint ignore:start */ + onBeforeStart: function ($el) {}, + onSliderLoad: function ($el) {}, + onBeforeSlide: function ($el, scene) {}, + onAfterSlide: function ($el, scene) {}, + onBeforeNextSlide: function ($el, scene) {}, + onBeforePrevSlide: function ($el, scene) {} + /* jshint ignore:end */ + }; + $.fn.lightSlider = function (options) { + if (this.length === 0) { + return this; + } + + if (this.length > 1) { + this.each(function () { + $(this).lightSlider(options); + }); + return this; + } + + var plugin = {}, + settings = $.extend(true, {}, defaults, options), + settingsTemp = {}, + $el = this; + plugin.$el = this; + + if (settings.mode === 'fade') { + settings.vertical = false; + } + var $children = $el.children(), + windowW = $(window).width(), + breakpoint = null, + resposiveObj = null, + length = 0, + w = 0, + on = false, + elSize = 0, + $slide = '', + scene = 0, + property = (settings.vertical === true) ? 'height' : 'width', + gutter = (settings.vertical === true) ? 'margin-bottom' : 'margin-right', + slideValue = 0, + pagerWidth = 0, + slideWidth = 0, + thumbWidth = 0, + interval = null, + isTouch = ('ontouchstart' in document.documentElement); + var refresh = {}; + + refresh.chbreakpoint = function () { + windowW = $(window).width(); + if (settings.responsive.length) { + var item; + if (settings.autoWidth === false) { + item = settings.item; + } + if (windowW < settings.responsive[0].breakpoint) { + for (var i = 0; i < settings.responsive.length; i++) { + if (windowW < settings.responsive[i].breakpoint) { + breakpoint = settings.responsive[i].breakpoint; + resposiveObj = settings.responsive[i]; + } + } + } + if (typeof resposiveObj !== 'undefined' && resposiveObj !== null) { + for (var j in resposiveObj.settings) { + if (resposiveObj.settings.hasOwnProperty(j)) { + if (typeof settingsTemp[j] === 'undefined' || settingsTemp[j] === null) { + settingsTemp[j] = settings[j]; + } + settings[j] = resposiveObj.settings[j]; + } + } + } + if (!$.isEmptyObject(settingsTemp) && windowW > settings.responsive[0].breakpoint) { + for (var k in settingsTemp) { + if (settingsTemp.hasOwnProperty(k)) { + settings[k] = settingsTemp[k]; + } + } + } + if (settings.autoWidth === false) { + if (slideValue > 0 && slideWidth > 0) { + if (item !== settings.item) { + scene = Math.round(slideValue / ((slideWidth + settings.slideMargin) * settings.slideMove)); + } + } + } + } + }; + + refresh.calSW = function () { + if (settings.autoWidth === false) { + slideWidth = (elSize - ((settings.item * (settings.slideMargin)) - settings.slideMargin)) / settings.item; + } + }; + + refresh.calWidth = function (cln) { + var ln = cln === true ? $slide.find('.lslide').length : $children.length; + if (settings.autoWidth === false) { + w = ln * (slideWidth + settings.slideMargin); + } else { + w = 0; + for (var i = 0; i < ln; i++) { + w += (parseInt($children.eq(i).width()) + settings.slideMargin); + } + } + return w; + }; + plugin = { + doCss: function () { + var support = function () { + var transition = ['transition', 'MozTransition', 'WebkitTransition', 'OTransition', 'msTransition', 'KhtmlTransition']; + var root = document.documentElement; + for (var i = 0; i < transition.length; i++) { + if (transition[i] in root.style) { + return true; + } + } + }; + if (settings.useCSS && support()) { + return true; + } + return false; + }, + keyPress: function () { + if (settings.keyPress) { + $(document).on('keyup.lightslider', function (e) { + if (!$(':focus').is('input, textarea')) { + if (e.preventDefault) { + e.preventDefault(); + } else { + e.returnValue = false; + } + if (e.keyCode === 37) { + $el.goToPrevSlide(); + } else if (e.keyCode === 39) { + $el.goToNextSlide(); + } + } + }); + } + }, + controls: function () { + if (settings.controls) { + $el.after('
' + settings.prevHtml + '' + settings.nextHtml + '
'); + if (!settings.autoWidth) { + if (length <= settings.item) { + $slide.find('.lSAction').hide(); + } + } else { + if (refresh.calWidth(false) < elSize) { + $slide.find('.lSAction').hide(); + } + } + $slide.find('.lSAction a').on('click', function (e) { + if (e.preventDefault) { + e.preventDefault(); + } else { + e.returnValue = false; + } + if ($(this).attr('class') === 'lSPrev') { + $el.goToPrevSlide(); + } else { + $el.goToNextSlide(); + } + return false; + }); + } + }, + initialStyle: function () { + var $this = this; + if (settings.mode === 'fade') { + settings.autoWidth = false; + settings.slideEndAnimation = false; + } + if (settings.auto) { + settings.slideEndAnimation = false; + } + if (settings.autoWidth) { + settings.slideMove = 1; + settings.item = 1; + } + if (settings.loop) { + settings.slideMove = 1; + settings.freeMove = false; + } + settings.onBeforeStart.call(this, $el); + refresh.chbreakpoint(); + $el.addClass('lightSlider').wrap('
'); + $slide = $el.parent('.lSSlideWrapper'); + if (settings.rtl === true) { + $slide.parent().addClass('lSrtl'); + } + if (settings.vertical) { + $slide.parent().addClass('vertical'); + elSize = settings.verticalHeight; + $slide.css('height', elSize + 'px'); + } else { + elSize = $el.outerWidth(); + } + $children.addClass('lslide'); + if (settings.loop === true && settings.mode === 'slide') { + refresh.calSW(); + refresh.clone = function () { + if (refresh.calWidth(true) > elSize) { + /**/ + var tWr = 0, + tI = 0; + for (var k = 0; k < $children.length; k++) { + tWr += (parseInt($el.find('.lslide').eq(k).width()) + settings.slideMargin); + tI++; + if (tWr >= (elSize + settings.slideMargin)) { + break; + } + } + var tItem = settings.autoWidth === true ? tI : settings.item; + + /**/ + if (tItem < $el.find('.clone.left').length) { + for (var i = 0; i < $el.find('.clone.left').length - tItem; i++) { + $children.eq(i).remove(); + } + } + if (tItem < $el.find('.clone.right').length) { + for (var j = $children.length - 1; j > ($children.length - 1 - $el.find('.clone.right').length); j--) { + scene--; + $children.eq(j).remove(); + } + } + /**/ + for (var n = $el.find('.clone.right').length; n < tItem; n++) { + $el.find('.lslide').eq(n).clone().removeClass('lslide').addClass('clone right').appendTo($el); + scene++; + } + for (var m = $el.find('.lslide').length - $el.find('.clone.left').length; m > ($el.find('.lslide').length - tItem); m--) { + $el.find('.lslide').eq(m - 1).clone().removeClass('lslide').addClass('clone left').prependTo($el); + } + $children = $el.children(); + } else { + if ($children.hasClass('clone')) { + $el.find('.clone').remove(); + $this.move($el, 0); + } + } + }; + refresh.clone(); + } + refresh.sSW = function () { + length = $children.length; + if (settings.rtl === true && settings.vertical === false) { + gutter = 'margin-left'; + } + if (settings.autoWidth === false) { + $children.css(property, slideWidth + 'px'); + } + $children.css(gutter, settings.slideMargin + 'px'); + w = refresh.calWidth(false); + $el.css(property, w + 'px'); + if (settings.loop === true && settings.mode === 'slide') { + if (on === false) { + scene = $el.find('.clone.left').length; + } + } + }; + refresh.calL = function () { + $children = $el.children(); + length = $children.length; + }; + if (this.doCss()) { + $slide.addClass('usingCss'); + } + refresh.calL(); + if (settings.mode === 'slide') { + refresh.calSW(); + refresh.sSW(); + if (settings.loop === true) { + slideValue = $this.slideValue(); + this.move($el, slideValue); + } + if (settings.vertical === false) { + this.setHeight($el, false); + } + + } else { + this.setHeight($el, true); + $el.addClass('lSFade'); + if (!this.doCss()) { + $children.fadeOut(0); + $children.eq(scene).fadeIn(0); + } + } + if (settings.loop === true && settings.mode === 'slide') { + $children.eq(scene).addClass('active'); + } else { + $children.first().addClass('active'); + } + }, + pager: function () { + var $this = this; + refresh.createPager = function () { + thumbWidth = (elSize - ((settings.thumbItem * (settings.thumbMargin)) - settings.thumbMargin)) / settings.thumbItem; + var $children = $slide.find('.lslide'); + var length = $slide.find('.lslide').length; + var i = 0, + pagers = '', + v = 0; + for (i = 0; i < length; i++) { + if (settings.mode === 'slide') { + // calculate scene * slide value + if (!settings.autoWidth) { + v = i * ((slideWidth + settings.slideMargin) * settings.slideMove); + } else { + v += ((parseInt($children.eq(i).width()) + settings.slideMargin) * settings.slideMove); + } + } + var thumb = $children.eq(i * settings.slideMove).attr('data-thumb'); + if (settings.gallery === true) { + pagers += '
    • '; + } else { + pagers += '
  • ' + (i + 1) + '
    • '; + } + if (settings.mode === 'slide') { + if ((v) >= w - elSize - settings.slideMargin) { + i = i + 1; + var minPgr = 2; + if (settings.autoWidth) { + pagers += '
  • ' + (i + 1) + '
    • '; + minPgr = 1; + } + if (i < minPgr) { + pagers = null; + $slide.parent().addClass('noPager'); + } else { + $slide.parent().removeClass('noPager'); + } + break; + } + } + } + var $cSouter = $slide.parent(); + $cSouter.find('.lSPager').html(pagers); + if (settings.gallery === true) { + if (settings.vertical === true) { + // set Gallery thumbnail width + $cSouter.find('.lSPager').css('width', settings.vThumbWidth + 'px'); + } + pagerWidth = (i * (settings.thumbMargin + thumbWidth)) + 0.5; + $cSouter.find('.lSPager').css({ + property: pagerWidth + 'px', + 'transition-duration': settings.speed + 'ms' + }); + if (settings.vertical === true) { + $slide.parent().css('padding-right', (settings.vThumbWidth + settings.galleryMargin) + 'px'); + } + $cSouter.find('.lSPager').css(property, pagerWidth + 'px'); + } + var $pager = $cSouter.find('.lSPager').find('li'); + $pager.first().addClass('active'); + $pager.on('click', function () { + if (settings.loop === true && settings.mode === 'slide') { + scene = scene + ($pager.index(this) - $cSouter.find('.lSPager').find('li.active').index()); + } else { + scene = $pager.index(this); + } + $el.mode(false); + if (settings.gallery === true) { + $this.slideThumb(); + } + return false; + }); + }; + if (settings.pager) { + var cl = 'lSpg'; + if (settings.gallery) { + cl = 'lSGallery'; + } + $slide.after(''); + var gMargin = (settings.vertical) ? 'margin-left' : 'margin-top'; + $slide.parent().find('.lSPager').css(gMargin, settings.galleryMargin + 'px'); + refresh.createPager(); + } + + setTimeout(function () { + refresh.init(); + }, 0); + }, + setHeight: function (ob, fade) { + var obj = null, + $this = this; + if (settings.loop) { + obj = ob.children('.lslide ').first(); + } else { + obj = ob.children().first(); + } + var setCss = function () { + var tH = obj.outerHeight(), + tP = 0, + tHT = tH; + if (fade) { + tH = 0; + tP = ((tHT) * 100) / elSize; + } + ob.css({ + 'height': tH + 'px', + 'padding-bottom': tP + '%' + }); + }; + setCss(); + if (obj.find('img').length) { + if ( obj.find('img')[0].complete) { + setCss(); + if (!interval) { + $this.auto(); + } + }else{ + obj.find('img').on('load', function () { + setTimeout(function () { + setCss(); + if (!interval) { + $this.auto(); + } + }, 100); + }); + } + }else{ + if (!interval) { + $this.auto(); + } + } + }, + active: function (ob, t) { + if (this.doCss() && settings.mode === 'fade') { + $slide.addClass('on'); + } + var sc = 0; + if (scene * settings.slideMove < length) { + ob.removeClass('active'); + if (!this.doCss() && settings.mode === 'fade' && t === false) { + ob.fadeOut(settings.speed); + } + if (t === true) { + sc = scene; + } else { + sc = scene * settings.slideMove; + } + //t === true ? sc = scene : sc = scene * settings.slideMove; + var l, nl; + if (t === true) { + l = ob.length; + nl = l - 1; + if (sc + 1 >= l) { + sc = nl; + } + } + if (settings.loop === true && settings.mode === 'slide') { + //t === true ? sc = scene - $el.find('.clone.left').length : sc = scene * settings.slideMove; + if (t === true) { + sc = scene - $el.find('.clone.left').length; + } else { + sc = scene * settings.slideMove; + } + if (t === true) { + l = ob.length; + nl = l - 1; + if (sc + 1 === l) { + sc = nl; + } else if (sc + 1 > l) { + sc = 0; + } + } + } + + if (!this.doCss() && settings.mode === 'fade' && t === false) { + ob.eq(sc).fadeIn(settings.speed); + } + ob.eq(sc).addClass('active'); + } else { + ob.removeClass('active'); + ob.eq(ob.length - 1).addClass('active'); + if (!this.doCss() && settings.mode === 'fade' && t === false) { + ob.fadeOut(settings.speed); + ob.eq(sc).fadeIn(settings.speed); + } + } + }, + move: function (ob, v) { + if (settings.rtl === true) { + v = -v; + } + if (this.doCss()) { + if (settings.vertical === true) { + ob.css({ + 'transform': 'translate3d(0px, ' + (-v) + 'px, 0px)', + '-webkit-transform': 'translate3d(0px, ' + (-v) + 'px, 0px)' + }); + } else { + ob.css({ + 'transform': 'translate3d(' + (-v) + 'px, 0px, 0px)', + '-webkit-transform': 'translate3d(' + (-v) + 'px, 0px, 0px)', + }); + } + } else { + if (settings.vertical === true) { + ob.css('position', 'relative').animate({ + top: -v + 'px' + }, settings.speed, settings.easing); + } else { + ob.css('position', 'relative').animate({ + left: -v + 'px' + }, settings.speed, settings.easing); + } + } + var $thumb = $slide.parent().find('.lSPager').find('li'); + this.active($thumb, true); + }, + fade: function () { + this.active($children, false); + var $thumb = $slide.parent().find('.lSPager').find('li'); + this.active($thumb, true); + }, + slide: function () { + var $this = this; + refresh.calSlide = function () { + if (w > elSize) { + slideValue = $this.slideValue(); + $this.active($children, false); + if ((slideValue) > w - elSize - settings.slideMargin) { + slideValue = w - elSize - settings.slideMargin; + } else if (slideValue < 0) { + slideValue = 0; + } + $this.move($el, slideValue); + if (settings.loop === true && settings.mode === 'slide') { + if (scene >= (length - ($el.find('.clone.left').length / settings.slideMove))) { + $this.resetSlide($el.find('.clone.left').length); + } + if (scene === 0) { + $this.resetSlide($slide.find('.lslide').length); + } + } + } + }; + refresh.calSlide(); + }, + resetSlide: function (s) { + var $this = this; + $slide.find('.lSAction a').addClass('disabled'); + setTimeout(function () { + scene = s; + $slide.css('transition-duration', '0ms'); + slideValue = $this.slideValue(); + $this.active($children, false); + plugin.move($el, slideValue); + setTimeout(function () { + $slide.css('transition-duration', settings.speed + 'ms'); + $slide.find('.lSAction a').removeClass('disabled'); + }, 50); + }, settings.speed + 100); + }, + slideValue: function () { + var _sV = 0; + if (settings.autoWidth === false) { + _sV = scene * ((slideWidth + settings.slideMargin) * settings.slideMove); + } else { + _sV = 0; + for (var i = 0; i < scene; i++) { + _sV += (parseInt($children.eq(i).width()) + settings.slideMargin); + } + } + return _sV; + }, + slideThumb: function () { + var position; + switch (settings.currentPagerPosition) { + case 'left': + position = 0; + break; + case 'middle': + position = (elSize / 2) - (thumbWidth / 2); + break; + case 'right': + position = elSize - thumbWidth; + } + var sc = scene - $el.find('.clone.left').length; + var $pager = $slide.parent().find('.lSPager'); + if (settings.mode === 'slide' && settings.loop === true) { + if (sc >= $pager.children().length) { + sc = 0; + } else if (sc < 0) { + sc = $pager.children().length; + } + } + var thumbSlide = sc * ((thumbWidth + settings.thumbMargin)) - (position); + if ((thumbSlide + elSize) > pagerWidth) { + thumbSlide = pagerWidth - elSize - settings.thumbMargin; + } + if (thumbSlide < 0) { + thumbSlide = 0; + } + this.move($pager, thumbSlide); + }, + auto: function () { + if (settings.auto) { + clearInterval(interval); + interval = setInterval(function () { + $el.goToNextSlide(); + }, settings.pause); + } + }, + pauseOnHover: function(){ + var $this = this; + if (settings.auto && settings.pauseOnHover) { + $slide.on('mouseenter', function(){ + $(this).addClass('ls-hover'); + $el.pause(); + settings.auto = true; + }); + $slide.on('mouseleave',function(){ + $(this).removeClass('ls-hover'); + if (!$slide.find('.lightSlider').hasClass('lsGrabbing')) { + $this.auto(); + } + }); + } + }, + touchMove: function (endCoords, startCoords) { + $slide.css('transition-duration', '0ms'); + if (settings.mode === 'slide') { + var distance = endCoords - startCoords; + var swipeVal = slideValue - distance; + if ((swipeVal) >= w - elSize - settings.slideMargin) { + if (settings.freeMove === false) { + swipeVal = w - elSize - settings.slideMargin; + } else { + var swipeValT = w - elSize - settings.slideMargin; + swipeVal = swipeValT + ((swipeVal - swipeValT) / 5); + + } + } else if (swipeVal < 0) { + if (settings.freeMove === false) { + swipeVal = 0; + } else { + swipeVal = swipeVal / 5; + } + } + this.move($el, swipeVal); + } + }, + + touchEnd: function (distance) { + $slide.css('transition-duration', settings.speed + 'ms'); + if (settings.mode === 'slide') { + var mxVal = false; + var _next = true; + slideValue = slideValue - distance; + if ((slideValue) > w - elSize - settings.slideMargin) { + slideValue = w - elSize - settings.slideMargin; + if (settings.autoWidth === false) { + mxVal = true; + } + } else if (slideValue < 0) { + slideValue = 0; + } + var gC = function (next) { + var ad = 0; + if (!mxVal) { + if (next) { + ad = 1; + } + } + if (!settings.autoWidth) { + var num = slideValue / ((slideWidth + settings.slideMargin) * settings.slideMove); + scene = parseInt(num) + ad; + if (slideValue >= (w - elSize - settings.slideMargin)) { + if (num % 1 !== 0) { + scene++; + } + } + } else { + var tW = 0; + for (var i = 0; i < $children.length; i++) { + tW += (parseInt($children.eq(i).width()) + settings.slideMargin); + scene = i + ad; + if (tW >= slideValue) { + break; + } + } + } + }; + if (distance >= settings.swipeThreshold) { + gC(false); + _next = false; + } else if (distance <= -settings.swipeThreshold) { + gC(true); + _next = false; + } + $el.mode(_next); + this.slideThumb(); + } else { + if (distance >= settings.swipeThreshold) { + $el.goToPrevSlide(); + } else if (distance <= -settings.swipeThreshold) { + $el.goToNextSlide(); + } + } + }, + + + + enableDrag: function () { + var $this = this; + if (!isTouch) { + var startCoords = 0, + endCoords = 0, + isDraging = false; + $slide.find('.lightSlider').addClass('lsGrab'); + $slide.on('mousedown', function (e) { + if (w < elSize) { + if (w !== 0) { + return false; + } + } + if ($(e.target).attr('class') !== ('lSPrev') && $(e.target).attr('class') !== ('lSNext')) { + startCoords = (settings.vertical === true) ? e.pageY : e.pageX; + isDraging = true; + if (e.preventDefault) { + e.preventDefault(); + } else { + e.returnValue = false; + } + // ** Fix for webkit cursor issue https://code.google.com/p/chromium/issues/detail?id=26723 + $slide.scrollLeft += 1; + $slide.scrollLeft -= 1; + // * + $slide.find('.lightSlider').removeClass('lsGrab').addClass('lsGrabbing'); + clearInterval(interval); + } + }); + $(window).on('mousemove', function (e) { + if (isDraging) { + endCoords = (settings.vertical === true) ? e.pageY : e.pageX; + $this.touchMove(endCoords, startCoords); + } + }); + $(window).on('mouseup', function (e) { + if (isDraging) { + $slide.find('.lightSlider').removeClass('lsGrabbing').addClass('lsGrab'); + isDraging = false; + endCoords = (settings.vertical === true) ? e.pageY : e.pageX; + var distance = endCoords - startCoords; + if (Math.abs(distance) >= settings.swipeThreshold) { + $(window).on('click.ls', function (e) { + if (e.preventDefault) { + e.preventDefault(); + } else { + e.returnValue = false; + } + e.stopImmediatePropagation(); + e.stopPropagation(); + $(window).off('click.ls'); + }); + } + + $this.touchEnd(distance); + + } + }); + } + }, + + + + + enableTouch: function () { + var $this = this; + if (isTouch) { + var startCoords = {}, + endCoords = {}; + $slide.on('touchstart', function (e) { + endCoords = e.originalEvent.targetTouches[0]; + startCoords.pageX = e.originalEvent.targetTouches[0].pageX; + startCoords.pageY = e.originalEvent.targetTouches[0].pageY; + clearInterval(interval); + }); + $slide.on('touchmove', function (e) { + if (w < elSize) { + if (w !== 0) { + return false; + } + } + var orig = e.originalEvent; + endCoords = orig.targetTouches[0]; + var xMovement = Math.abs(endCoords.pageX - startCoords.pageX); + var yMovement = Math.abs(endCoords.pageY - startCoords.pageY); + if (settings.vertical === true) { + if ((yMovement * 3) > xMovement) { + e.preventDefault(); + } + $this.touchMove(endCoords.pageY, startCoords.pageY); + } else { + if ((xMovement * 3) > yMovement) { + e.preventDefault(); + } + $this.touchMove(endCoords.pageX, startCoords.pageX); + } + + }); + $slide.on('touchend', function () { + if (w < elSize) { + if (w !== 0) { + return false; + } + } + var distance; + if (settings.vertical === true) { + distance = endCoords.pageY - startCoords.pageY; + } else { + distance = endCoords.pageX - startCoords.pageX; + } + $this.touchEnd(distance); + }); + } + }, + build: function () { + var $this = this; + $this.initialStyle(); + if (this.doCss()) { + + if (settings.enableTouch === true) { + $this.enableTouch(); + } + if (settings.enableDrag === true) { + $this.enableDrag(); + } + } + + $(window).on('focus', function(){ + $this.auto(); + }); + + $(window).on('blur', function(){ + clearInterval(interval); + }); + + $this.pager(); + $this.pauseOnHover(); + $this.controls(); + $this.keyPress(); + } + }; + plugin.build(); + refresh.init = function () { + refresh.chbreakpoint(); + if (settings.vertical === true) { + if (settings.item > 1) { + elSize = settings.verticalHeight; + } else { + elSize = $children.outerHeight(); + } + $slide.css('height', elSize + 'px'); + } else { + elSize = $slide.outerWidth(); + } + if (settings.loop === true && settings.mode === 'slide') { + refresh.clone(); + } + refresh.calL(); + if (settings.mode === 'slide') { + $el.removeClass('lSSlide'); + } + if (settings.mode === 'slide') { + refresh.calSW(); + refresh.sSW(); + } + setTimeout(function () { + if (settings.mode === 'slide') { + $el.addClass('lSSlide'); + } + }, 1000); + if (settings.pager) { + refresh.createPager(); + } + if (settings.adaptiveHeight === true && settings.vertical === false) { + $el.css('height', $children.eq(scene).outerHeight(true)); + } + if (settings.adaptiveHeight === false) { + if (settings.mode === 'slide') { + if (settings.vertical === false) { + plugin.setHeight($el, false); + }else{ + plugin.auto(); + } + } else { + plugin.setHeight($el, true); + } + } + if (settings.gallery === true) { + plugin.slideThumb(); + } + if (settings.mode === 'slide') { + plugin.slide(); + } + if (settings.autoWidth === false) { + if ($children.length <= settings.item) { + $slide.find('.lSAction').hide(); + } else { + $slide.find('.lSAction').show(); + } + } else { + if ((refresh.calWidth(false) < elSize) && (w !== 0)) { + $slide.find('.lSAction').hide(); + } else { + $slide.find('.lSAction').show(); + } + } + }; + $el.goToPrevSlide = function () { + if (scene > 0) { + settings.onBeforePrevSlide.call(this, $el, scene); + scene--; + $el.mode(false); + if (settings.gallery === true) { + plugin.slideThumb(); + } + } else { + if (settings.loop === true) { + settings.onBeforePrevSlide.call(this, $el, scene); + if (settings.mode === 'fade') { + var l = (length - 1); + scene = parseInt(l / settings.slideMove); + } + $el.mode(false); + if (settings.gallery === true) { + plugin.slideThumb(); + } + } else if (settings.slideEndAnimation === true) { + $el.addClass('leftEnd'); + setTimeout(function () { + $el.removeClass('leftEnd'); + }, 400); + } + } + }; + $el.goToNextSlide = function () { + var nextI = true; + if (settings.mode === 'slide') { + var _slideValue = plugin.slideValue(); + nextI = _slideValue < w - elSize - settings.slideMargin; + } + if (((scene * settings.slideMove) < length - settings.slideMove) && nextI) { + settings.onBeforeNextSlide.call(this, $el, scene); + scene++; + $el.mode(false); + if (settings.gallery === true) { + plugin.slideThumb(); + } + } else { + if (settings.loop === true) { + settings.onBeforeNextSlide.call(this, $el, scene); + scene = 0; + $el.mode(false); + if (settings.gallery === true) { + plugin.slideThumb(); + } + } else if (settings.slideEndAnimation === true) { + $el.addClass('rightEnd'); + setTimeout(function () { + $el.removeClass('rightEnd'); + }, 400); + } + } + }; + $el.mode = function (_touch) { + if (settings.adaptiveHeight === true && settings.vertical === false) { + $el.css('height', $children.eq(scene).outerHeight(true)); + } + if (on === false) { + if (settings.mode === 'slide') { + if (plugin.doCss()) { + $el.addClass('lSSlide'); + if (settings.speed !== '') { + $slide.css('transition-duration', settings.speed + 'ms'); + } + if (settings.cssEasing !== '') { + $slide.css('transition-timing-function', settings.cssEasing); + } + } + } else { + if (plugin.doCss()) { + if (settings.speed !== '') { + $el.css('transition-duration', settings.speed + 'ms'); + } + if (settings.cssEasing !== '') { + $el.css('transition-timing-function', settings.cssEasing); + } + } + } + } + if (!_touch) { + settings.onBeforeSlide.call(this, $el, scene); + } + if (settings.mode === 'slide') { + plugin.slide(); + } else { + plugin.fade(); + } + if (!$slide.hasClass('ls-hover')) { + plugin.auto(); + } + setTimeout(function () { + if (!_touch) { + settings.onAfterSlide.call(this, $el, scene); + } + }, settings.speed); + on = true; + }; + $el.play = function () { + $el.goToNextSlide(); + settings.auto = true; + plugin.auto(); + }; + $el.pause = function () { + settings.auto = false; + clearInterval(interval); + }; + $el.refresh = function () { + refresh.init(); + }; + $el.getCurrentSlideCount = function () { + var sc = scene; + if (settings.loop) { + var ln = $slide.find('.lslide').length, + cl = $el.find('.clone.left').length; + if (scene <= cl - 1) { + sc = ln + (scene - cl); + } else if (scene >= (ln + cl)) { + sc = scene - ln - cl; + } else { + sc = scene - cl; + } + } + return sc + 1; + }; + $el.getTotalSlideCount = function () { + return $slide.find('.lslide').length; + }; + $el.goToSlide = function (s) { + if (settings.loop) { + scene = (s + $el.find('.clone.left').length - 1); + } else { + scene = s; + } + $el.mode(false); + if (settings.gallery === true) { + plugin.slideThumb(); + } + }; + $el.destroy = function () { + if ($el.lightSlider) { + $el.goToPrevSlide = function(){}; + $el.goToNextSlide = function(){}; + $el.mode = function(){}; + $el.play = function(){}; + $el.pause = function(){}; + $el.refresh = function(){}; + $el.getCurrentSlideCount = function(){}; + $el.getTotalSlideCount = function(){}; + $el.goToSlide = function(){}; + $el.lightSlider = null; + refresh = { + init : function(){} + }; + $el.parent().parent().find('.lSAction, .lSPager').remove(); + $el.removeClass('lightSlider lSFade lSSlide lsGrab lsGrabbing leftEnd right').removeAttr('style').unwrap().unwrap(); + $el.children().removeAttr('style'); + $children.removeClass('lslide active'); + $el.find('.clone').remove(); + $children = null; + interval = null; + on = false; + scene = 0; + } + + }; + setTimeout(function () { + settings.onSliderLoad.call(this, $el); + }, 10); + $(window).on('resize orientationchange', function (e) { + setTimeout(function () { + if (e.preventDefault) { + e.preventDefault(); + } else { + e.returnValue = false; + } + refresh.init(); + }, 200); + }); + return this; + }; +}(jQuery)); diff --git a/Dia 43 - jQuery Exemplos/D4E2 - Slider/js/lightslider.min.js b/Dia 43 - jQuery Exemplos/D4E2 - Slider/js/lightslider.min.js new file mode 100644 index 0000000..ea16d58 --- /dev/null +++ b/Dia 43 - jQuery Exemplos/D4E2 - Slider/js/lightslider.min.js @@ -0,0 +1,4 @@ +/*! lightslider - v1.1.6 - 2016-10-25 +* https://github.com/sachinchoolur/lightslider +* Copyright (c) 2016 Sachin N; Licensed MIT */ +!function(a,b){"use strict";var c={item:3,autoWidth:!1,slideMove:1,slideMargin:10,addClass:"",mode:"slide",useCSS:!0,cssEasing:"ease",easing:"linear",speed:400,auto:!1,pauseOnHover:!1,loop:!1,slideEndAnimation:!0,pause:2e3,keyPress:!1,controls:!0,prevHtml:"",nextHtml:"",rtl:!1,adaptiveHeight:!1,vertical:!1,verticalHeight:500,vThumbWidth:100,thumbItem:10,pager:!0,gallery:!1,galleryMargin:5,thumbMargin:5,currentPagerPosition:"middle",enableTouch:!0,enableDrag:!0,freeMove:!0,swipeThreshold:40,responsive:[],onBeforeStart:function(a){},onSliderLoad:function(a){},onBeforeSlide:function(a,b){},onAfterSlide:function(a,b){},onBeforeNextSlide:function(a,b){},onBeforePrevSlide:function(a,b){}};a.fn.lightSlider=function(b){if(0===this.length)return this;if(this.length>1)return this.each(function(){a(this).lightSlider(b)}),this;var d={},e=a.extend(!0,{},c,b),f={},g=this;d.$el=this,"fade"===e.mode&&(e.vertical=!1);var h=g.children(),i=a(window).width(),j=null,k=null,l=0,m=0,n=!1,o=0,p="",q=0,r=e.vertical===!0?"height":"width",s=e.vertical===!0?"margin-bottom":"margin-right",t=0,u=0,v=0,w=0,x=null,y="ontouchstart"in document.documentElement,z={};return z.chbreakpoint=function(){if(i=a(window).width(),e.responsive.length){var b;if(e.autoWidth===!1&&(b=e.item),ie.responsive[0].breakpoint)for(var g in f)f.hasOwnProperty(g)&&(e[g]=f[g]);e.autoWidth===!1&&t>0&&v>0&&b!==e.item&&(q=Math.round(t/((v+e.slideMargin)*e.slideMove)))}},z.calSW=function(){e.autoWidth===!1&&(v=(o-(e.item*e.slideMargin-e.slideMargin))/e.item)},z.calWidth=function(a){var b=a===!0?p.find(".lslide").length:h.length;if(e.autoWidth===!1)m=b*(v+e.slideMargin);else{m=0;for(var c=0;b>c;c++)m+=parseInt(h.eq(c).width())+e.slideMargin}return m},d={doCss:function(){var a=function(){for(var a=["transition","MozTransition","WebkitTransition","OTransition","msTransition","KhtmlTransition"],b=document.documentElement,c=0;c'+e.prevHtml+''+e.nextHtml+""),e.autoWidth?z.calWidth(!1)
    '),p=g.parent(".lSSlideWrapper"),e.rtl===!0&&p.parent().addClass("lSrtl"),e.vertical?(p.parent().addClass("vertical"),o=e.verticalHeight,p.css("height",o+"px")):o=g.outerWidth(),h.addClass("lslide"),e.loop===!0&&"slide"===e.mode&&(z.calSW(),z.clone=function(){if(z.calWidth(!0)>o){for(var b=0,c=0,d=0;d=o+e.slideMargin));d++);var f=e.autoWidth===!0?c:e.item;if(fh.length-1-g.find(".clone.right").length;j--)q--,h.eq(j).remove();for(var k=g.find(".clone.right").length;f>k;k++)g.find(".lslide").eq(k).clone().removeClass("lslide").addClass("clone right").appendTo(g),q++;for(var l=g.find(".lslide").length-g.find(".clone.left").length;l>g.find(".lslide").length-f;l--)g.find(".lslide").eq(l-1).clone().removeClass("lslide").addClass("clone left").prependTo(g);h=g.children()}else h.hasClass("clone")&&(g.find(".clone").remove(),a.move(g,0))},z.clone()),z.sSW=function(){l=h.length,e.rtl===!0&&e.vertical===!1&&(s="margin-left"),e.autoWidth===!1&&h.css(r,v+"px"),h.css(s,e.slideMargin+"px"),m=z.calWidth(!1),g.css(r,m+"px"),e.loop===!0&&"slide"===e.mode&&n===!1&&(q=g.find(".clone.left").length)},z.calL=function(){h=g.children(),l=h.length},this.doCss()&&p.addClass("usingCss"),z.calL(),"slide"===e.mode?(z.calSW(),z.sSW(),e.loop===!0&&(t=a.slideValue(),this.move(g,t)),e.vertical===!1&&this.setHeight(g,!1)):(this.setHeight(g,!0),g.addClass("lSFade"),this.doCss()||(h.fadeOut(0),h.eq(q).fadeIn(0))),e.loop===!0&&"slide"===e.mode?h.eq(q).addClass("active"):h.first().addClass("active")},pager:function(){var a=this;if(z.createPager=function(){w=(o-(e.thumbItem*e.thumbMargin-e.thumbMargin))/e.thumbItem;var b=p.find(".lslide"),c=p.find(".lslide").length,d=0,f="",h=0;for(d=0;c>d;d++){"slide"===e.mode&&(e.autoWidth?h+=(parseInt(b.eq(d).width())+e.slideMargin)*e.slideMove:h=d*(v+e.slideMargin)*e.slideMove);var i=b.eq(d*e.slideMove).attr("data-thumb");if(f+=e.gallery===!0?'
    • ':'
  • '+(d+1)+"
    • ","slide"===e.mode&&h>=m-o-e.slideMargin){d+=1;var j=2;e.autoWidth&&(f+='
  • '+(d+1)+"
    • ",j=1),j>d?(f=null,p.parent().addClass("noPager")):p.parent().removeClass("noPager");break}}var k=p.parent();k.find(".lSPager").html(f),e.gallery===!0&&(e.vertical===!0&&k.find(".lSPager").css("width",e.vThumbWidth+"px"),u=d*(e.thumbMargin+w)+.5,k.find(".lSPager").css({property:u+"px","transition-duration":e.speed+"ms"}),e.vertical===!0&&p.parent().css("padding-right",e.vThumbWidth+e.galleryMargin+"px"),k.find(".lSPager").css(r,u+"px"));var l=k.find(".lSPager").find("li");l.first().addClass("active"),l.on("click",function(){return e.loop===!0&&"slide"===e.mode?q+=l.index(this)-k.find(".lSPager").find("li.active").index():q=l.index(this),g.mode(!1),e.gallery===!0&&a.slideThumb(),!1})},e.pager){var b="lSpg";e.gallery&&(b="lSGallery"),p.after('
      ');var c=e.vertical?"margin-left":"margin-top";p.parent().find(".lSPager").css(c,e.galleryMargin+"px"),z.createPager()}setTimeout(function(){z.init()},0)},setHeight:function(a,b){var c=null,d=this;c=e.loop?a.children(".lslide ").first():a.children().first();var f=function(){var d=c.outerHeight(),e=0,f=d;b&&(d=0,e=100*f/o),a.css({height:d+"px","padding-bottom":e+"%"})};f(),c.find("img").length?c.find("img")[0].complete?(f(),x||d.auto()):c.find("img").on("load",function(){setTimeout(function(){f(),x||d.auto()},100)}):x||d.auto()},active:function(a,b){this.doCss()&&"fade"===e.mode&&p.addClass("on");var c=0;if(q*e.slideMove=d&&(c=f)),e.loop===!0&&"slide"===e.mode&&(c=b===!0?q-g.find(".clone.left").length:q*e.slideMove,b===!0&&(d=a.length,f=d-1,c+1===d?c=f:c+1>d&&(c=0))),this.doCss()||"fade"!==e.mode||b!==!1||a.eq(c).fadeIn(e.speed),a.eq(c).addClass("active")}else a.removeClass("active"),a.eq(a.length-1).addClass("active"),this.doCss()||"fade"!==e.mode||b!==!1||(a.fadeOut(e.speed),a.eq(c).fadeIn(e.speed))},move:function(a,b){e.rtl===!0&&(b=-b),this.doCss()?a.css(e.vertical===!0?{transform:"translate3d(0px, "+-b+"px, 0px)","-webkit-transform":"translate3d(0px, "+-b+"px, 0px)"}:{transform:"translate3d("+-b+"px, 0px, 0px)","-webkit-transform":"translate3d("+-b+"px, 0px, 0px)"}):e.vertical===!0?a.css("position","relative").animate({top:-b+"px"},e.speed,e.easing):a.css("position","relative").animate({left:-b+"px"},e.speed,e.easing);var c=p.parent().find(".lSPager").find("li");this.active(c,!0)},fade:function(){this.active(h,!1);var a=p.parent().find(".lSPager").find("li");this.active(a,!0)},slide:function(){var a=this;z.calSlide=function(){m>o&&(t=a.slideValue(),a.active(h,!1),t>m-o-e.slideMargin?t=m-o-e.slideMargin:0>t&&(t=0),a.move(g,t),e.loop===!0&&"slide"===e.mode&&(q>=l-g.find(".clone.left").length/e.slideMove&&a.resetSlide(g.find(".clone.left").length),0===q&&a.resetSlide(p.find(".lslide").length)))},z.calSlide()},resetSlide:function(a){var b=this;p.find(".lSAction a").addClass("disabled"),setTimeout(function(){q=a,p.css("transition-duration","0ms"),t=b.slideValue(),b.active(h,!1),d.move(g,t),setTimeout(function(){p.css("transition-duration",e.speed+"ms"),p.find(".lSAction a").removeClass("disabled")},50)},e.speed+100)},slideValue:function(){var a=0;if(e.autoWidth===!1)a=q*(v+e.slideMargin)*e.slideMove;else{a=0;for(var b=0;q>b;b++)a+=parseInt(h.eq(b).width())+e.slideMargin}return a},slideThumb:function(){var a;switch(e.currentPagerPosition){case"left":a=0;break;case"middle":a=o/2-w/2;break;case"right":a=o-w}var b=q-g.find(".clone.left").length,c=p.parent().find(".lSPager");"slide"===e.mode&&e.loop===!0&&(b>=c.children().length?b=0:0>b&&(b=c.children().length));var d=b*(w+e.thumbMargin)-a;d+o>u&&(d=u-o-e.thumbMargin),0>d&&(d=0),this.move(c,d)},auto:function(){e.auto&&(clearInterval(x),x=setInterval(function(){g.goToNextSlide()},e.pause))},pauseOnHover:function(){var b=this;e.auto&&e.pauseOnHover&&(p.on("mouseenter",function(){a(this).addClass("ls-hover"),g.pause(),e.auto=!0}),p.on("mouseleave",function(){a(this).removeClass("ls-hover"),p.find(".lightSlider").hasClass("lsGrabbing")||b.auto()}))},touchMove:function(a,b){if(p.css("transition-duration","0ms"),"slide"===e.mode){var c=a-b,d=t-c;if(d>=m-o-e.slideMargin)if(e.freeMove===!1)d=m-o-e.slideMargin;else{var f=m-o-e.slideMargin;d=f+(d-f)/5}else 0>d&&(e.freeMove===!1?d=0:d/=5);this.move(g,d)}},touchEnd:function(a){if(p.css("transition-duration",e.speed+"ms"),"slide"===e.mode){var b=!1,c=!0;t-=a,t>m-o-e.slideMargin?(t=m-o-e.slideMargin,e.autoWidth===!1&&(b=!0)):0>t&&(t=0);var d=function(a){var c=0;if(b||a&&(c=1),e.autoWidth)for(var d=0,f=0;f=t));f++);else{var g=t/((v+e.slideMargin)*e.slideMove);q=parseInt(g)+c,t>=m-o-e.slideMargin&&g%1!==0&&q++}};a>=e.swipeThreshold?(d(!1),c=!1):a<=-e.swipeThreshold&&(d(!0),c=!1),g.mode(c),this.slideThumb()}else a>=e.swipeThreshold?g.goToPrevSlide():a<=-e.swipeThreshold&&g.goToNextSlide()},enableDrag:function(){var b=this;if(!y){var c=0,d=0,f=!1;p.find(".lightSlider").addClass("lsGrab"),p.on("mousedown",function(b){return o>m&&0!==m?!1:void("lSPrev"!==a(b.target).attr("class")&&"lSNext"!==a(b.target).attr("class")&&(c=e.vertical===!0?b.pageY:b.pageX,f=!0,b.preventDefault?b.preventDefault():b.returnValue=!1,p.scrollLeft+=1,p.scrollLeft-=1,p.find(".lightSlider").removeClass("lsGrab").addClass("lsGrabbing"),clearInterval(x)))}),a(window).on("mousemove",function(a){f&&(d=e.vertical===!0?a.pageY:a.pageX,b.touchMove(d,c))}),a(window).on("mouseup",function(g){if(f){p.find(".lightSlider").removeClass("lsGrabbing").addClass("lsGrab"),f=!1,d=e.vertical===!0?g.pageY:g.pageX;var h=d-c;Math.abs(h)>=e.swipeThreshold&&a(window).on("click.ls",function(b){b.preventDefault?b.preventDefault():b.returnValue=!1,b.stopImmediatePropagation(),b.stopPropagation(),a(window).off("click.ls")}),b.touchEnd(h)}})}},enableTouch:function(){var a=this;if(y){var b={},c={};p.on("touchstart",function(a){c=a.originalEvent.targetTouches[0],b.pageX=a.originalEvent.targetTouches[0].pageX,b.pageY=a.originalEvent.targetTouches[0].pageY,clearInterval(x)}),p.on("touchmove",function(d){if(o>m&&0!==m)return!1;var f=d.originalEvent;c=f.targetTouches[0];var g=Math.abs(c.pageX-b.pageX),h=Math.abs(c.pageY-b.pageY);e.vertical===!0?(3*h>g&&d.preventDefault(),a.touchMove(c.pageY,b.pageY)):(3*g>h&&d.preventDefault(),a.touchMove(c.pageX,b.pageX))}),p.on("touchend",function(){if(o>m&&0!==m)return!1;var d;d=e.vertical===!0?c.pageY-b.pageY:c.pageX-b.pageX,a.touchEnd(d)})}},build:function(){var b=this;b.initialStyle(),this.doCss()&&(e.enableTouch===!0&&b.enableTouch(),e.enableDrag===!0&&b.enableDrag()),a(window).on("focus",function(){b.auto()}),a(window).on("blur",function(){clearInterval(x)}),b.pager(),b.pauseOnHover(),b.controls(),b.keyPress()}},d.build(),z.init=function(){z.chbreakpoint(),e.vertical===!0?(o=e.item>1?e.verticalHeight:h.outerHeight(),p.css("height",o+"px")):o=p.outerWidth(),e.loop===!0&&"slide"===e.mode&&z.clone(),z.calL(),"slide"===e.mode&&g.removeClass("lSSlide"),"slide"===e.mode&&(z.calSW(),z.sSW()),setTimeout(function(){"slide"===e.mode&&g.addClass("lSSlide")},1e3),e.pager&&z.createPager(),e.adaptiveHeight===!0&&e.vertical===!1&&g.css("height",h.eq(q).outerHeight(!0)),e.adaptiveHeight===!1&&("slide"===e.mode?e.vertical===!1?d.setHeight(g,!1):d.auto():d.setHeight(g,!0)),e.gallery===!0&&d.slideThumb(),"slide"===e.mode&&d.slide(),e.autoWidth===!1?h.length<=e.item?p.find(".lSAction").hide():p.find(".lSAction").show():z.calWidth(!1)0)e.onBeforePrevSlide.call(this,g,q),q--,g.mode(!1),e.gallery===!0&&d.slideThumb();else if(e.loop===!0){if(e.onBeforePrevSlide.call(this,g,q),"fade"===e.mode){var a=l-1;q=parseInt(a/e.slideMove)}g.mode(!1),e.gallery===!0&&d.slideThumb()}else e.slideEndAnimation===!0&&(g.addClass("leftEnd"),setTimeout(function(){g.removeClass("leftEnd")},400))},g.goToNextSlide=function(){var a=!0;if("slide"===e.mode){var b=d.slideValue();a=b=q?b+(q-c):q>=b+c?q-b-c:q-c}return a+1},g.getTotalSlideCount=function(){return p.find(".lslide").length},g.goToSlide=function(a){q=e.loop?a+g.find(".clone.left").length-1:a,g.mode(!1),e.gallery===!0&&d.slideThumb()},g.destroy=function(){g.lightSlider&&(g.goToPrevSlide=function(){},g.goToNextSlide=function(){},g.mode=function(){},g.play=function(){},g.pause=function(){},g.refresh=function(){},g.getCurrentSlideCount=function(){},g.getTotalSlideCount=function(){},g.goToSlide=function(){},g.lightSlider=null,z={init:function(){}},g.parent().parent().find(".lSAction, .lSPager").remove(),g.removeClass("lightSlider lSFade lSSlide lsGrab lsGrabbing leftEnd right").removeAttr("style").unwrap().unwrap(),g.children().removeAttr("style"),h.removeClass("lslide active"),g.find(".clone").remove(),h=null,x=null,n=!1,q=0)},setTimeout(function(){e.onSliderLoad.call(this,g)},10),a(window).on("resize orientationchange",function(a){setTimeout(function(){a.preventDefault?a.preventDefault():a.returnValue=!1,z.init()},200)}),this}}(jQuery); \ No newline at end of file