diff --git a/css/smoothslides.css b/css/smoothslides.css deleted file mode 100644 index 58f45a5..0000000 --- a/css/smoothslides.css +++ /dev/null @@ -1,79 +0,0 @@ -.ss-slides-wrap { - position: relative; - display: block; - line-height: 0px; -} -.ss-capwrap { - text-align:center; - position:absolute; - bottom:5px; - width:100%; - text-align: center; -} -.ss-caption { - font-size:16px; - display: inline-block; -} -.ss-pag-wrap { - position: absolute; - text-align: center; - width: 100%; -} -.ss-paginate { - display: inline-block; - font-size: 20px; -} -.ss-paginate a:link, -.ss-paginate a:visited { - display: inline-block; - width: 12px; - height: 12px; - background: #ccc; -} -.ss-current { - background:#000!important; -} -.ss-slides { - position:relative; - overflow:hidden; - display:block; - transform-origin:50% 50%; - -ms-transform-origin:50% 50%; - -webkit-transform-origin:50% 50%; -} -.ss-slide { - top:0; - left:0; - position: absolute; - width:100%; - zoom: 1; - line-height:0; - -webkit-backface-visibility: hidden; -} -.ss-slide:after { - content: ""; - display: block; - clear: both; - visibility: hidden; - line-height: 0; - height: 0; -} -.ss-slide img { - max-width:100%; -} -.notrans { - -webkit-transition: none!important; - -moz-transition:none!important; - transition: none!important; -} -#ss-prev, #ss-next { - position: absolute; -} -#ss-prev:hover, #ss-next:hover { -} -#ss-prev { - left:-23px; -} -#ss-next { - right:-23px; -} \ No newline at end of file diff --git a/css/smoothslides.theme.css b/css/smoothslides.theme.css index 7e28b5d..70bd717 100644 --- a/css/smoothslides.theme.css +++ b/css/smoothslides.theme.css @@ -1,8 +1,4 @@ -.ss-slides-wrap { - position: relative; - display: block; - line-height: 0px; -} +/* Captions */ .ss-capwrap { text-align:center; position:absolute; @@ -11,26 +7,28 @@ text-align: center; } .ss-caption { - background: #444444; + background: #fff; border-radius:4px; - color:#fff; + color:#444; padding:15px 10px; font-family:sans-serif; font-size:16px; display: inline-block; } + +/* Pagination */ .ss-pag-wrap { position: absolute; text-align: center; width: 100%; - padding-top:5px; + padding-top:15px; } .ss-paginate { display: inline-block; font-size: 20px; padding: 5px 10px; border-radius: 4px; - background: #444444; + background: #fff; } .ss-paginate a:link, .ss-paginate a:visited { @@ -39,11 +37,51 @@ height: 12px; border-radius: 6px; margin: 3px 6px; - background: #FFF; + background: #4C86DD; + -webkit-transition:all .2s ease-out; +} +.ss-paginate a:hover { + box-shadow: 0 0px 0 2px #2A89C5; } .ss-current { - background:#36f9a5!important; - box-shadow: inset 0 1px 0 #fff, 0 0 0 3px rgba(54, 249, 165, 0.27), 0 2px 2px #000; + background: #FFF!important; + box-shadow: 0 0px 0 2px #2A89C5; +} + +/* Previous & Next Buttons */ +#ss-prev, #ss-next { + position: absolute; + top: 50%; + z-index: 50; + font-size: 12px; + font-family: serif; + margin-top: -15px; + line-height: 31px; + width: 30px; + height: 30px; + display: inline-block; + color: #fff; + text-decoration: none; + border-radius: 17px; + text-align: center; + border:2px solid #fff; +} +#ss-prev:hover, #ss-next:hover { + color:#444; + background: #fff; +} +#ss-prev { + left:10px; +} +#ss-next { + right:10px; +} + +/* Probably don't need to edit below here */ +.ss-slides-wrap { + position: relative; + display: block; + line-height: 0px; } .ss-slides { position:relative; @@ -77,30 +115,4 @@ -webkit-transition: none!important; -moz-transition:none!important; transition: none!important; -} -#ss-prev, #ss-next { - position: absolute; - top: 50%; - z-index: 50; - font-size: 55px; - font-family: serif; - margin-top: -20px; - line-height: 34px; - width: 40px; - height: 40px; - display: inline-block; - color: #a7a7a7; - background: #FFF; - text-decoration: none; - border-radius: 30px; - text-align: center; -} -#ss-prev:hover, #ss-next:hover { - color:#000; -} -#ss-prev { - left:-23px; -} -#ss-next { - right:-23px; } \ No newline at end of file diff --git a/css/stylesheet.css b/css/stylesheet.css new file mode 100644 index 0000000..98f85a6 --- /dev/null +++ b/css/stylesheet.css @@ -0,0 +1,97 @@ +/**************************************/ +/* THIS IS UNRELATED TO THE SLIDESHOW */ +/**************************************/ + +body, html { + padding:0px; + margin:0px; + background: #4C86DD; + color:#fff; + font-size: 18px; + font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif; + text-align: center; +} +header { + background:#fff; + color:#555; + font-size: 14px; +} +header i { + background:#999; + color:#fff; + width:18px; + height:18px; + display: inline-block; + border-radius:9px; +} +.head-centering { + max-width: 900px; + margin:0 auto; + padding:30px; +} +header h1 { + font-size: 60px; +} +.page{ + padding: 5px 0px 30px 0px; + max-width: 800px; + margin: 0 auto; +} +.page ul { + text-align: left; + display: block; + margin: 0 auto; + background: #407AC4; + max-width: 900px; + padding: 30px 60px; +} +header a:link, +header a:visited { + color:#222; +} +hr { + border:0; + border-bottom: 2px solid #fff; +} +a:hover { + color:#449a8c; +} +pre { + background: #333; + padding: 10px; + overflow: auto; + color: #BBB7A9; +} +.button { + text-decoration: none; + color: #fff; + background: none; + text-align: center; + border: 2px solid #fff; + padding: 8px 15px 12px 15px; + margin:5px 0; + display: inline-block; + font-size: 20px; + line-height: 1em; +} +.button:hover { + background:#fff; + color:#4C86DD; +} +.demo-centering { + max-width: 800px; + margin:0 auto; + padding:30px 30px 40px 30px; + -webkit-transition:padding .4s ease-out; +} + +@media all and (max-width: 768px) { + .demo-centering { + padding:0 0 40px 0; + } +} +@media all and (max-width: 450px) { + header h1 { + font-size: 30px; + } +} \ No newline at end of file diff --git a/images/5.jpg b/images/5.jpg new file mode 100644 index 0000000..aeee387 Binary files /dev/null and b/images/5.jpg differ diff --git a/index.html b/index.html index 0f25e04..3a42ce5 100644 --- a/index.html +++ b/index.html @@ -18,58 +18,17 @@ - - + -
-
+
+

Smoothslides

-A simple, lightweight, and responsive jQuery slideshow by Kevin Thornbloom that features Ken Burns type animations. +? A responsive jQuery slideshow with beautiful panning effects on each image. Created by Kevin Thornbloom +
+
-
+
@@ -84,20 +43,27 @@

Smoothslides

+
+ +
+ +
+Download & Docs + diff --git a/js/smoothslides.js b/js/smoothslides.js index cd03f16..30cf20b 100644 --- a/js/smoothslides.js +++ b/js/smoothslides.js @@ -2,8 +2,8 @@ * Smoothslides * http://kthornbloom.com/smoothslides.php * - * Copyright 2013, Kevin Thornbloom - * Free to use and abuse under the MIT license. + * Copyright 2014, Kevin Thornbloom + * Free to use and modify under the MIT license. * http://www.opensource.org/licenses/mit-license.php */ @@ -13,20 +13,21 @@ // These are overridden by options declared in footer var defaults = { - playTimer: 3000, + playTimer: 6000, animEasing: 'ease-in-out', autoanimType: 'random', - nextText: '›', - prevText: '‹', + nextText: ' ►', + prevText: '◄ ', captions: 'true', navigation: 'true', - pagination: 'true' + pagination: 'true', + order: 'normal' } var options = $.extend(defaults, options), convertSeconds = (options.playTimer / 1000) - .5 - /* Set CSS transition timing and easing */ + /* Set CSS transition timing and easing */ $('.ss-slide').css({ 'webkitTransition': 'all ' + convertSeconds + 's ' + options.animEasing, 'mozTransition': 'all ' + convertSeconds + 's ' + options.animEasing, @@ -34,27 +35,55 @@ 'oTransition': 'all ' + convertSeconds + 's ' + options.animEasing, 'transition': 'all ' + convertSeconds + 's ' + options.animEasing }); - + // Set some inline styles & add markup $('.ss-slide:last').css('position', 'relative'); $('.ss-slides').wrap('
'); + + // Randomizer Function + $.fn.randomize = function(selector){ + (selector ? this.find(selector) : this).parent().each(function(){ + $(this).children(selector).sort(function(){ + return Math.random() - 0.5; + }).detach().appendTo(this); + }); + + return this; + }; + + // Add Captions if (options.captions == 'true') { $('.ss-slides-wrap').append('
'); } var caption = $('.ss-slide:last').attr('title'); $('.ss-caption').html(caption); + // Add Pagination if (options.pagination == 'true') { $('.ss-slides-wrap').append('
'); $('.ss-slide').each(function () { $('.ss-paginate').append(''); }); - $('.ss-paginate a:first').addClass('ss-current'); + $('.ss-paginate a:last').addClass('ss-current'); } + + // Add Navigation if (options.navigation == 'true') { $('.ss-slides-wrap').append('' + options.prevText + '' + options.nextText + ''); } + // Order + if (options.order == 'normal') { + $('.ss-slide').each(function() { + $(this).prependTo(this.parentNode); + }); + $('.ss-slide:first').appendTo('.ss-slides'); + } else if (options.order == 'random') { + $('.ss-slide').randomize(); + } else if (options.order == 'reverse') { + $('.ss-slide:first').appendTo('.ss-slides'); + } + // Update Caption function function captionUpdater() { if ($('.ss-slide:eq(-2)').attr('title')) { var caption = $('.ss-slide:eq(-2)').attr('title'); @@ -66,6 +95,7 @@ } } + // Update Pagination forwards function paginateForwards() { var currentDot = ($('.ss-current').index()) + 1, nextSlide = currentDot + 1, @@ -79,6 +109,7 @@ } } + // Updated Pagination reverse function paginateBackwards() { var currentDot = ($('.ss-current').index()) + 1, nextSlide = currentDot - 2, @@ -92,6 +123,10 @@ } } + /* ======================= */ + //Effects + /* ======================= */ + function crossFade() { captionUpdater(); paginateForwards(); @@ -237,14 +272,14 @@ }); } - /* Start First Animation */ + // Start First Animation if (options.autoanimType == 'random') { var fns = [zoomOut, zoomIn, panRight, panLeft]; fns[Math.floor(Math.random() * fns.length)](); } else if (options.autoanimType == 'false') { // } else { - eval(options.autoanimType + "()"); + eval(options.autoanimType + "()"); } /* Subsequent Auto Animations */ @@ -326,7 +361,8 @@ $('.ss-slide:last').prependTo('.ss-slides').removeClass('notrans').css({ 'webkitTransform': 'scale(1) rotate(0deg)', 'msTransform': 'scale(1) rotate(0deg)', - 'transform': 'scale(1) rotate(0deg)' + 'transform': 'scale(1) rotate(0deg)', + 'display':'none' }).show(); $('.ss-current').removeClass(); $('.ss-paginate a').eq(whichClicked-1).addClass('ss-current'); diff --git a/js/smoothslides.min.js b/js/smoothslides.min.js index 86c5658..3b0761d 100644 --- a/js/smoothslides.min.js +++ b/js/smoothslides.min.js @@ -1 +1 @@ -(function($){$.fn.extend({smoothSlides:function(options){function captionUpdater(){if($(".ss-slide:eq(-2)").attr("title")){var e=$(".ss-slide:eq(-2)").attr("title");$(".ss-caption").html(e).fadeIn(500)}else{$(".ss-caption").fadeOut(500,function(){$(".ss-caption").empty()})}}function paginateForwards(){var e=$(".ss-current").index()+1,t=e+1,n=$(".ss-paginate a").length;if(e>=n){$(".ss-current").removeClass("ss-current");$(".ss-paginate a:first").addClass("ss-current")}else{$(".ss-current").removeClass("ss-current");$(".ss-paginate a").eq(e).addClass("ss-current")}}function paginateBackwards(){var e=$(".ss-current").index()+1,t=e-2,n=$(".ss-paginate a").length;if(e<=1){$(".ss-current").removeClass("ss-current");$(".ss-paginate a:last").addClass("ss-current")}else{$(".ss-current").removeClass("ss-current");$(".ss-paginate a").eq(t).addClass("ss-current")}}function crossFade(){captionUpdater();paginateForwards();$(".ss-slide:last").addClass("notrans").fadeOut("slow",function(){$(this).prependTo(".ss-slides").removeClass("notrans").css({webkitTransform:"scale(1) rotate(0deg)",msTransform:"scale(1) rotate(0deg)",transform:"scale(1) rotate(0deg)",opacity:"0"}).show();$(".ss-slide:first").css({opacity:"1"})})}function zoomIn(){captionUpdater();paginateForwards();$(".ss-slide:last").addClass("notrans").fadeOut("slow",function(){$(this).prependTo(".ss-slides").removeClass("notrans").css({webkitTransform:"scale(1) rotate(0deg)",msTransform:"scale(1) rotate(0deg)",transform:"scale(1) rotate(0deg)"}).show();$(".ss-slide:last").css({webkitTransform:"scale(1.2) rotate(2deg)",msTransform:"scale(1.2) rotate(2deg)",transform:"scale(1.2) rotate(2deg)"})})}function zoomOut(){captionUpdater();paginateForwards();$(".ss-slide:eq(-2)").addClass("notrans").css({webkitTransform:"scale(1.2) rotate(2deg)",msTransform:"scale(1.2) rotate(2deg)",transform:"scale(1.2) rotate(2deg)"});$(".ss-slide:last").addClass("notrans").fadeOut("slow",function(){$(this).prependTo(".ss-slides").removeClass("notrans").css({webkitTransform:"scale(1) rotate(0deg)",msTransform:"scale(1) rotate(0deg)",transform:"scale(1) rotate(0deg)"}).show();$(".ss-slide:last").removeClass("notrans").css({webkitTransform:"scale(1) rotate(0deg)",msTransform:"scale(1) rotate(0deg)",transform:"scale(1) rotate(0deg)"})})}function panRight(){captionUpdater();paginateForwards();$(".ss-slide:eq(-2)").addClass("notrans").css({webkitTransform:"scale(1.3) translate(-10%, 0)",msTransform:"scale(1.3) translate(-10%, 0)",transform:"scale(1.3) translate(-10%, 0)"});$(".ss-slide:last").addClass("notrans").fadeOut("slow",function(){$(this).prependTo(".ss-slides").removeClass("notrans").css({webkitTransform:"scale(1) rotate(0deg)",msTransform:"scale(1) rotate(0deg)",transform:"scale(1) rotate(0deg)"}).show();$(".ss-slide:last").removeClass("notrans").css({webkitTransform:"scale(1.3) translate(0,0)",msTransform:"scale(1.3) translate(0,0)",transform:"scale(1.3) translate(0,0)"})})}function panLeft(){captionUpdater();paginateForwards();$(".ss-slide:eq(-2)").addClass("notrans").css({webkitTransform:"scale(1.3) translate(10%, 0)",msTransform:"scale(1.3) translate(10%, 0)",transform:"scale(1.3) translate(10%, 0)"});$(".ss-slide:last").addClass("notrans").fadeOut("slow",function(){$(this).prependTo(".ss-slides").removeClass("notrans").css({webkitTransform:"scale(1) rotate(0deg)",msTransform:"scale(1) rotate(0deg)",transform:"scale(1) rotate(0deg)"}).show();$(".ss-slide:last").removeClass("notrans").css({webkitTransform:"scale(1.3) translate(0,0)",msTransform:"scale(1.3) translate(0,0)",transform:"scale(1.3) translate(0,0)"})})}function panUp(){captionUpdater();paginateForwards();$(".ss-slide:eq(-2)").addClass("notrans").css({webkitTransform:"scale(1.3) translate(0, 10%)",msTransform:"scale(1.3) translate(0, 10%)",transform:"scale(1.3) translate(0, 10%)"});$(".ss-slide:last").addClass("notrans").fadeOut("slow",function(){$(this).prependTo(".ss-slides").removeClass("notrans").css({webkitTransform:"scale(1) rotate(0deg)",msTransform:"scale(1) rotate(0deg)",transform:"scale(1) rotate(0deg)"}).show();$(".ss-slide:last").removeClass("notrans").css({webkitTransform:"scale(1.3) translate(0,0)",msTransform:"scale(1.3) translate(0,0)",transform:"scale(1.3) translate(0,0)"})})}function panDown(){captionUpdater();paginateForwards();$(".ss-slide:eq(-2)").addClass("notrans").css({webkitTransform:"scale(1.3) translate(0, -10%)",msTransform:"scale(1.3) translate(0, -10%)",transform:"scale(1.3) translate(0, -10%)"});$(".ss-slide:last").addClass("notrans").fadeOut("slow",function(){$(this).prependTo(".ss-slides").removeClass("notrans").css({webkitTransform:"scale(1) rotate(0deg)",msTransform:"scale(1) rotate(0deg)",transform:"scale(1) rotate(0deg)"}).show();$(".ss-slide:last").removeClass("notrans").css({webkitTransform:"scale(1.3) translate(0,0)",msTransform:"scale(1.3) translate(0,0)",transform:"scale(1.3) translate(0,0)"})})}var defaults={playTimer:3e3,animEasing:"ease-in-out",autoanimType:"random",nextText:"›",prevText:"‹",captions:"true",navigation:"true",pagination:"true"};var options=$.extend(defaults,options),convertSeconds=options.playTimer/1e3-.5;$(".ss-slide").css({webkitTransition:"all "+convertSeconds+"s "+options.animEasing,mozTransition:"all "+convertSeconds+"s "+options.animEasing,msTransition:"all "+convertSeconds+"s "+options.animEasing,oTransition:"all "+convertSeconds+"s "+options.animEasing,transition:"all "+convertSeconds+"s "+options.animEasing});$(".ss-slide:last").css("position","relative");$(".ss-slides").wrap('
');if(options.captions=="true"){$(".ss-slides-wrap").append('
')}var caption=$(".ss-slide:last").attr("title");$(".ss-caption").html(caption);if(options.pagination=="true"){$(".ss-slides-wrap").append('
');$(".ss-slide").each(function(){$(".ss-paginate").append('')});$(".ss-paginate a:first").addClass("ss-current")}if(options.navigation=="true"){$(".ss-slides-wrap").append(''+options.prevText+''+options.nextText+"")}if(options.autoanimType=="random"){var fns=[zoomOut,zoomIn,panRight,panLeft];fns[Math.floor(Math.random()*fns.length)]()}else if(options.autoanimType=="false"){}else{eval(options.autoanimType+"()")}var fn=function(){if(options.autoanimType=="random"){var fns=[zoomOut,zoomIn,panRight,panLeft,panUp,panDown];fns[Math.floor(Math.random()*fns.length)]()}else if(options.autoanimType=="false"){}else{eval(options.autoanimType+"()")}};var myInterval=setInterval(fn,options.playTimer);$("#ss-prev, #ss-next, .ss-paginate").hover(function(e){clearInterval(myInterval)},function(e){myInterval=setInterval(fn,options.playTimer)});var quickNext=function(){$("#ss-next").off("click");$(".ss-slide:last").addClass("notrans").fadeOut("250",function(){$(".ss-slide:last").prependTo(".ss-slides").removeClass("notrans").css({webkitTransform:"scale(1) rotate(0deg)",msTransform:"scale(1) rotate(0deg)",transform:"scale(1) rotate(0deg)",opacity:"1"}).show();$("#ss-next").on("click",quickNext)});captionUpdater();paginateForwards();event.preventDefault()};$("#ss-next").on("click",quickNext);var quickPrev=function(){$("#ss-prev").off("click");if($(".ss-slide:first").attr("title")){var e=$(".ss-slide:first").attr("title");$(".ss-caption").html(e).show()}else{$(".ss-caption").empty().hide()}paginateBackwards();$(".ss-slide:first").hide().addClass("notrans").appendTo(".ss-slides").fadeIn();$("#ss-prev").on("click",quickPrev);event.preventDefault()};$("#ss-prev").on("click",quickPrev);$(document.body).on("click",".ss-paginate a",function(e){var t=$(this).index()+1,n=$(".ss-current").index()+1;if(tn){var r=t-n;for(var i=0;i=n){$(".ss-current").removeClass("ss-current");$(".ss-paginate a:first").addClass("ss-current")}else{$(".ss-current").removeClass("ss-current");$(".ss-paginate a").eq(e).addClass("ss-current")}}function paginateBackwards(){var e=$(".ss-current").index()+1,t=e-2,n=$(".ss-paginate a").length;if(e<=1){$(".ss-current").removeClass("ss-current");$(".ss-paginate a:last").addClass("ss-current")}else{$(".ss-current").removeClass("ss-current");$(".ss-paginate a").eq(t).addClass("ss-current")}}function crossFade(){captionUpdater();paginateForwards();$(".ss-slide:last").addClass("notrans").fadeOut("slow",function(){$(this).prependTo(".ss-slides").removeClass("notrans").css({webkitTransform:"scale(1) rotate(0deg)",msTransform:"scale(1) rotate(0deg)",transform:"scale(1) rotate(0deg)",opacity:"0"}).show();$(".ss-slide:first").css({opacity:"1"})})}function zoomIn(){captionUpdater();paginateForwards();$(".ss-slide:last").addClass("notrans").fadeOut("slow",function(){$(this).prependTo(".ss-slides").removeClass("notrans").css({webkitTransform:"scale(1) rotate(0deg)",msTransform:"scale(1) rotate(0deg)",transform:"scale(1) rotate(0deg)"}).show();$(".ss-slide:last").css({webkitTransform:"scale(1.2) rotate(2deg)",msTransform:"scale(1.2) rotate(2deg)",transform:"scale(1.2) rotate(2deg)"})})}function zoomOut(){captionUpdater();paginateForwards();$(".ss-slide:eq(-2)").addClass("notrans").css({webkitTransform:"scale(1.2) rotate(2deg)",msTransform:"scale(1.2) rotate(2deg)",transform:"scale(1.2) rotate(2deg)"});$(".ss-slide:last").addClass("notrans").fadeOut("slow",function(){$(this).prependTo(".ss-slides").removeClass("notrans").css({webkitTransform:"scale(1) rotate(0deg)",msTransform:"scale(1) rotate(0deg)",transform:"scale(1) rotate(0deg)"}).show();$(".ss-slide:last").removeClass("notrans").css({webkitTransform:"scale(1) rotate(0deg)",msTransform:"scale(1) rotate(0deg)",transform:"scale(1) rotate(0deg)"})})}function panRight(){captionUpdater();paginateForwards();$(".ss-slide:eq(-2)").addClass("notrans").css({webkitTransform:"scale(1.3) translate(-10%, 0)",msTransform:"scale(1.3) translate(-10%, 0)",transform:"scale(1.3) translate(-10%, 0)"});$(".ss-slide:last").addClass("notrans").fadeOut("slow",function(){$(this).prependTo(".ss-slides").removeClass("notrans").css({webkitTransform:"scale(1) rotate(0deg)",msTransform:"scale(1) rotate(0deg)",transform:"scale(1) rotate(0deg)"}).show();$(".ss-slide:last").removeClass("notrans").css({webkitTransform:"scale(1.3) translate(0,0)",msTransform:"scale(1.3) translate(0,0)",transform:"scale(1.3) translate(0,0)"})})}function panLeft(){captionUpdater();paginateForwards();$(".ss-slide:eq(-2)").addClass("notrans").css({webkitTransform:"scale(1.3) translate(10%, 0)",msTransform:"scale(1.3) translate(10%, 0)",transform:"scale(1.3) translate(10%, 0)"});$(".ss-slide:last").addClass("notrans").fadeOut("slow",function(){$(this).prependTo(".ss-slides").removeClass("notrans").css({webkitTransform:"scale(1) rotate(0deg)",msTransform:"scale(1) rotate(0deg)",transform:"scale(1) rotate(0deg)"}).show();$(".ss-slide:last").removeClass("notrans").css({webkitTransform:"scale(1.3) translate(0,0)",msTransform:"scale(1.3) translate(0,0)",transform:"scale(1.3) translate(0,0)"})})}function panUp(){captionUpdater();paginateForwards();$(".ss-slide:eq(-2)").addClass("notrans").css({webkitTransform:"scale(1.3) translate(0, 10%)",msTransform:"scale(1.3) translate(0, 10%)",transform:"scale(1.3) translate(0, 10%)"});$(".ss-slide:last").addClass("notrans").fadeOut("slow",function(){$(this).prependTo(".ss-slides").removeClass("notrans").css({webkitTransform:"scale(1) rotate(0deg)",msTransform:"scale(1) rotate(0deg)",transform:"scale(1) rotate(0deg)"}).show();$(".ss-slide:last").removeClass("notrans").css({webkitTransform:"scale(1.3) translate(0,0)",msTransform:"scale(1.3) translate(0,0)",transform:"scale(1.3) translate(0,0)"})})}function panDown(){captionUpdater();paginateForwards();$(".ss-slide:eq(-2)").addClass("notrans").css({webkitTransform:"scale(1.3) translate(0, -10%)",msTransform:"scale(1.3) translate(0, -10%)",transform:"scale(1.3) translate(0, -10%)"});$(".ss-slide:last").addClass("notrans").fadeOut("slow",function(){$(this).prependTo(".ss-slides").removeClass("notrans").css({webkitTransform:"scale(1) rotate(0deg)",msTransform:"scale(1) rotate(0deg)",transform:"scale(1) rotate(0deg)"}).show();$(".ss-slide:last").removeClass("notrans").css({webkitTransform:"scale(1.3) translate(0,0)",msTransform:"scale(1.3) translate(0,0)",transform:"scale(1.3) translate(0,0)"})})}var defaults={playTimer:6e3,animEasing:"ease-in-out",autoanimType:"random",nextText:" ►",prevText:"◄ ",captions:"true",navigation:"true",pagination:"true",order:"normal"};var options=$.extend(defaults,options),convertSeconds=options.playTimer/1e3-.5;$(".ss-slide").css({webkitTransition:"all "+convertSeconds+"s "+options.animEasing,mozTransition:"all "+convertSeconds+"s "+options.animEasing,msTransition:"all "+convertSeconds+"s "+options.animEasing,oTransition:"all "+convertSeconds+"s "+options.animEasing,transition:"all "+convertSeconds+"s "+options.animEasing});$(".ss-slide:last").css("position","relative");$(".ss-slides").wrap('
');$.fn.randomize=function(e){(e?this.find(e):this).parent().each(function(){$(this).children(e).sort(function(){return Math.random()-.5}).detach().appendTo(this)});return this};if(options.captions=="true"){$(".ss-slides-wrap").append('
')}var caption=$(".ss-slide:last").attr("title");$(".ss-caption").html(caption);if(options.pagination=="true"){$(".ss-slides-wrap").append('
');$(".ss-slide").each(function(){$(".ss-paginate").append('')});$(".ss-paginate a:last").addClass("ss-current")}if(options.navigation=="true"){$(".ss-slides-wrap").append(''+options.prevText+''+options.nextText+"")}if(options.order=="normal"){$(".ss-slide").each(function(){$(this).prependTo(this.parentNode)});$(".ss-slide:first").appendTo(".ss-slides")}else if(options.order=="random"){$(".ss-slide").randomize()}else if(options.order=="reverse"){$(".ss-slide:first").appendTo(".ss-slides")}if(options.autoanimType=="random"){var fns=[zoomOut,zoomIn,panRight,panLeft];fns[Math.floor(Math.random()*fns.length)]()}else if(options.autoanimType=="false"){}else{eval(options.autoanimType+"()")}var fn=function(){if(options.autoanimType=="random"){var fns=[zoomOut,zoomIn,panRight,panLeft,panUp,panDown];fns[Math.floor(Math.random()*fns.length)]()}else if(options.autoanimType=="false"){}else{eval(options.autoanimType+"()")}};var myInterval=setInterval(fn,options.playTimer);$("#ss-prev, #ss-next, .ss-paginate").hover(function(e){clearInterval(myInterval)},function(e){myInterval=setInterval(fn,options.playTimer)});var quickNext=function(){$("#ss-next").off("click");$(".ss-slide:last").addClass("notrans").fadeOut("250",function(){$(".ss-slide:last").prependTo(".ss-slides").removeClass("notrans").css({webkitTransform:"scale(1) rotate(0deg)",msTransform:"scale(1) rotate(0deg)",transform:"scale(1) rotate(0deg)",opacity:"1"}).show();$("#ss-next").on("click",quickNext)});captionUpdater();paginateForwards();event.preventDefault()};$("#ss-next").on("click",quickNext);var quickPrev=function(){$("#ss-prev").off("click");if($(".ss-slide:first").attr("title")){var e=$(".ss-slide:first").attr("title");$(".ss-caption").html(e).show()}else{$(".ss-caption").empty().hide()}paginateBackwards();$(".ss-slide:first").hide().addClass("notrans").appendTo(".ss-slides").fadeIn();$("#ss-prev").on("click",quickPrev);event.preventDefault()};$("#ss-prev").on("click",quickPrev);$(document.body).on("click",".ss-paginate a",function(e){var t=$(this).index()+1,n=$(".ss-current").index()+1;if(tn){var r=t-n;for(var i=0;i