.ism-slider > ol, .ism-slider > ol > li, .ism-slider > ol > li > img { width: 100%; list-style: none; margin: 0; padding: 0; } .ism-slider { overflow: hidden; position: relative; padding: 0 !important; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default; z-index: 2; background-color: rgba(0, 0, 0, 0.1); -webkit-animation: ism-fadein 3s; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } @-webkit-keyframes ism-fadein { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes ism-loading { 50% { left: 120px; } } .ism-slider .ism-slides { list-style: none; position: absolute; height: 100%; top: 0; padding: 0 !important; margin-top: 0; margin-bottom: 0; z-index: 1; } .ism-slider li.ism-slide { height: 100%; overflow: hidden; position: absolute; display: block; top: 0; bottom: 0; margin: 0 !important; padding: 0 !important; background-color: #d5d5d5; text-align: center; } .ism-slider .ism-img-frame { display: block; position: absolute; width: 100%; height: 100%; } .ism-slider a.ism-image-link { position: absolute; color: inherit; text-decoration: none; display: block; top: 0; left: 0; width: 100%; height: 100%; } .ism-slider .ism-img { display: block; border: none; position: absolute; pointer-events: none; } .ism-button, .ism-pause-button { position: absolute; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: none; outline: none; text-align:center; z-index: 6; cursor: pointer; padding: 0; background-repeat: no-repeat; background-position: center center; } .ism-pause-button { display: none; left: 50%; } .ism-slider:hover .ism-pause-button { display: block; } .ism-caption { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 1em; text-shadow: none; line-height: 1.2em; padding: 0.25em 0.5em; width: auto; height: auto; text-align: center; visibility: hidden; } a.ism-image-link .ism-caption, a.ism-caption { text-decoration: none; font-weight: normal; } a.ism-caption:hover { text-decoration: underline; } .ism-caption-0 { z-index: 3; } .ism-caption-1 { z-index: 4; } .ism-caption-2 { z-index: 5; } .ism-radios { margin: 0; padding: 0; list-style: none; color: #fff; font-size: 1px; } .ism-slider .ism-radios { position: absolute; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 6; bottom: 5px; left: 0; right: 0; width: auto; background-color: rgba(255, 255, 255, 0.0); padding: 0 7px; height: 0; overflow: visible; } .ism-slider .ism-radios.ism-radios-as-thumbnails { bottom: 5px; } .ism-radios li { position: relative; display: inline-block; margin: 0 3px; padding: 0; } .ism-radios input.ism-radio { display: none; } .ism-radios label { display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; text-decoration: none; cursor: pointer; } .ism-radios-as-thumbnails label { -webkit-background-size: 120% auto; -moz-background-size: 120% auto; -o-background-size: 120% auto; background-size: 120% auto; background-position: center center; background-repeat: no-repeat; border: 2px solid rgba(255, 255, 255, 0.6); opacity: 0.8; } .ism-radios-as-thumbnails label:hover { border: 2px solid #fff; opacity: 1; } .ism-radios-as-thumbnails li.active label { border: 2px solid rgba(255, 255, 255, 1.0); opacity: 1; } p.ism-badge { margin: 0 auto; text-align: right; font-size: 10px; padding-top: 1px; color: #ccc; font-family: sans-serif; font-weight: normal; } p.ism-badge a.ism-link { color: inherit; text-decoration: none; margin-right: 0.25em; } p.ism-badge a.ism-link:hover { color: #aaa; text-decoration: underline; } .ism-zoom-in { -webkit-animation: zoomin 0.81s linear 1; animation: zoomin 0.81s linear 1; } @-webkit-keyframes zoomin { 0% { -webkit-transform: scale(1.0); transform: scale(1.0); } 100% { -webkit-transform: scale(3.0); transform: scale(3.0); } } @keyframes zoomin { 0% { -webkit-transform: scale(1.0); transform: scale(1.0); } 100% { -webkit-transform: scale(3.0); transform: scale(3.0); } } @-webkit-keyframes fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes slidein { 0% { -webkit-transform: translate(-1200px, 0); transform: translate(-1200px, 0); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes slidein { 0% { -webkit-transform: translate(-1200px, 0); transform: translate(-1200px, 0); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes popin { 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } } @keyframes popin { 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } } .ism-zoom-pan { -webkit-animation: zoompan 20.0s linear 1; animation: zoompan 20.0s linear 1; } @-webkit-keyframes zoompan { 0% { -webkit-transform: translate(0, 0) scale(1.0); transform: translate(0, 0) scale(1.0); } 50% { -webkit-transform: translate(-5%, -5%) scale(1.3); transform: translate(-5%, -5%) scale(1.3); } 100% { -webkit-transform: translate(0, 0) scale(1.0); transform: translate(0, 0) scale(1.0); } } @keyframes zoompan { 0% { -webkit-transform: translate(0, 0) scale(1.0); transform: translate(0, 0) scale(1.0); } 50% { -webkit-transform: translate(-5%, -5%) scale(1.3); transform: translate(-5%, -5%) scale(1.3); } 100% { -webkit-transform: translate(0, 0) scale(1.0); transform: translate(0, 0) scale(1.0); } } .ism-zoom-rotate { -webkit-animation: zoomrotate 20.0s linear 1; animation: zoomrotate 20.0s linear 1; } @-webkit-keyframes zoomrotate { 0% { -webkit-transform: rotate(0) scale(1.0); transform: rotate(0) scale(1.0); } 50% { -webkit-transform: rotate(-5deg) scale(1.3); transform: rotate(-5deg) scale(1.3); } 100% { -webkit-transform: rotate(0) scale(1.0); transform: rotate(0) scale(1.0); } } @keyframes zoomrotate { 0% { -webkit-transform: rotate(0) scale(1.0); transform: rotate(0) scale(1.0); } 50% { -webkit-transform: rotate(-5deg) scale(1.3); transform: rotate(-5deg) scale(1.3); } 100% { -webkit-transform: rotate(0) scale(1.0); transform: rotate(0) scale(1.0); } } /* SLIDER */ #my-slider { width: 952px; -webkit-border-radius: 5px; border-radius: 5px; } #my-slider-ism-badge { width: 952px; } #my-slider:before { content: ''; display: block; padding-top: 16%; } #my-slider .ism-frame { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; } #my-slider .ism-button { display: block; border-radius: 25px; width: 50px; height: 50px; background-size: 16px 16px; top: 50%; margin-top: -25px; color: #fff; background-color: rgba(255, 255, 255, 0.3); display: block; visibility: visible; } #my-slider .ism-button-prev { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEX///////////////////////////////////////////9/gMdvAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAAAuUAAALlARv+XnsAAABUSURBVEjH7dYxCgAgEAPB8weX/39WFBtBbsFSY2sYyzXicDLq0wQDKQGQAKiJAZTEvC+IRgPBYAEyYOB1AAf4hAkTXxB5nySOGmaRw4pp5rhv34MOQwscJ7/MrxQAAAAASUVORK5CYII=); left: 10px; } #my-slider .ism-button-next { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEX///////////////////////////////////////////9/gMdvAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAAAuUAAALlARv+XnsAAABYSURBVEjH7dYxDoAwDEPR5Ab1/S8LVEgsyL8SG3XWWK/dnKpnumA0/L4lAOSJE/DEtXfEBBxxBwYFBH8IEWJbggL4RIAAPwFWC+VDqXEtYrFyNWO5v58HB4q9HAkl7KTYAAAAAElFTkSuQmCC); right: 10px; } #my-slider .ism-pause-button { width: 50px; height: 50px; background-size: 16px 16px; top: 50%; margin-top: -25px; border-radius: 25px; margin-left: -25px; color: #fff; background-color: rgba(255, 255, 255, 0.3); background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAc0lEQVR42u3SsQkAIAxFQeP+O38XsBKxMPfKgCQcjqHe1W6YJFeXVNXJuxd3zO4/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAID0RwuEoAh40yYcSQAAAABJRU5ErkJggg==); } #my-slider .ism-pause-button.ism-play { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAs6AAALOgFkf1cNAAACy0lEQVR42uWbS2hUVxyHv78PLKKiFgXBiIgvBEVKwZWL4kJrF7oQCSpoAlYkuhCyq4hQ2goqSBFBsNBCoXShbgp15XsTQSGKqKj1QdTYFCVQiuDic5FcGkQhj0nm3vl/6+Ge+X3zO2fumTkXhoi6S51NVtQbapfallVAh//Toc7KLED1jbpPnZJVQMF99fPMAgqOqZ9mFqD6UP06s4CC8+r0MucZN8rX/wJ4pu5VP8nYgIHcU5dna8BAFgM31e8rvUiOoAHvt2FHZgEFf6iTs0yBD/EV0K3uVidkFAAwFTgB3FKXZBRQsBS4q+5XZ2YUUPAtcEVtzioAYBnwm/q7OimjgILNwAt1Z1YBADOAk+ptdUFGAQDRPy0equ213GBVRcBADgOX1Y1ZBQAsB86qP4/0BqqqAgq292+3W7IKAJgNnFI71XkZBRQ5VgBP1DZ1WjYBAzkOXFLXZhUAsBI4p55Qx2cUULAbeKxuyyoAYC7wi3pdnZNRQJHzs/5FslWdmk1AwUTgJ+Ciui6jAACBWcDfGQX0At8A8yPiBsCEROHPA80R0ZNtEXwKtETEmvfDZ2jAIeDHiHjxsRc0ogCBl8DGiOjIdiv8H3AQaBpM+EZrwFVgU0S8zLYd7gLaImL1UMM3QgOOAUcjomu4F6iqgH+AzRFxoRabhCrxlr6/zppqEb5qDbgGbIiI7lpvE8vOc6A9IlbVOnwVGnAS+CEinozWAGUV8BrYGhF/jvZAZZwCh4B5YxG+bA3oBNZHxPOxHLQMDegG9kfEyrEOX4YG/AociIhH9XoD9RLQC7RGxJl6168eU+Aofb/JnSnB9BvTBtwBvhzN7/SyNqAH+C4ilpUt/LAY4lnh0+pCGolBCuhVt9CIDPKhqco8WVrLRfAvYG1EPKjSB1qLRfAVcARYVLXwtZgC5+pxxL3eAq6p/47kaFrVBexRmxolzzsZ+iOF4pXTWQAAAABJRU5ErkJggg==); } #my-slider .ism-button:hover { background-color: rgba(255, 255, 255, 0.6); } #my-slider .ism-pause-button:hover { background-color: rgba(255, 255, 255, 0.6); } #my-slider .ism-radios { display: block; height: 20px; text-align: center; } #my-slider .ism-radios label { width: 20px; height: 20px; border-radius: 3px; color: #000; background-color: rgba(255, 255, 255, 0.5); } #my-slider .ism-radios li.active label { background-color: rgba(255, 255, 255, 1.0); } #my-slider .ism-radios label:hover { background-color: rgba(255, 255, 255, 0.8); } /* SLIDES */ #my-slider .ism-slide-0 .ism-img-frame { width: 100%; } #my-slider .ism-slide-0 .ism-img { width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #my-slider .ism-slide-1 .ism-img-frame { width: 100%; } #my-slider .ism-slide-1 .ism-img { width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } /* CAPTIONS */ #my-slider .ism-slide-0 .ism-caption-0.ism-caption-anim { -webkit-animation: fadein 0.5s; animation: fadein 0.5s; } #my-slider .ism-slide-0 .ism-caption-1.ism-caption-anim { -webkit-animation: fadein 0.5s; animation: fadein 0.5s; } #my-slider .ism-slide-0 .ism-caption-2.ism-caption-anim { -webkit-animation: fadein 0.5s; animation: fadein 0.5s; } #my-slider .ism-slide-1 .ism-caption-0.ism-caption-anim { -webkit-animation: fadein 0.5s; animation: fadein 0.5s; } #my-slider .ism-slide-1 .ism-caption-1.ism-caption-anim { -webkit-animation: fadein 0.5s; animation: fadein 0.5s; } #my-slider .ism-slide-1 .ism-caption-2.ism-caption-anim { -webkit-animation: fadein 0.5s; animation: fadein 0.5s; } #my-slider .ism-slide-0 .ism-caption-0 { font-size: 1.25em; font-family: sans-serif; position: absolute; top: 10%; left: 5%; border-radius: 4px; border: none; color: #fff; background-color: rgba(0, 0, 0, 0.70); } #my-slider .ism-slide-0 .ism-caption-1 { font-size: 1.25em; font-family: sans-serif; position: absolute; top: 60%; left: 40%; border-radius: 4px; border: none; color: #fff; background-color: rgba(0, 0, 0, 0.70); } #my-slider .ism-slide-0 .ism-caption-2 { font-size: 1.25em; font-family: sans-serif; position: absolute; top: 20%; left: 60%; border-radius: 4px; border: none; color: #fff; background-color: rgba(0, 0, 0, 0.70); } #my-slider .ism-slide-1 .ism-caption-0 { font-size: 1.25em; font-family: sans-serif; position: absolute; top: 10%; left: 5%; border-radius: 4px; border: none; color: #fff; background-color: rgba(0, 0, 0, 0.70); } #my-slider .ism-slide-1 .ism-caption-1 { font-size: 1.25em; font-family: sans-serif; position: absolute; top: 60%; left: 40%; border-radius: 4px; border: none; color: #fff; background-color: rgba(0, 0, 0, 0.70); } #my-slider .ism-slide-1 .ism-caption-2 { font-size: 1.25em; font-family: sans-serif; position: absolute; top: 20%; left: 60%; border-radius: 4px; border: none; color: #fff; background-color: rgba(0, 0, 0, 0.70); } Your slider in a simple web page
  1. My slide caption text

generated with ISM

Your slider in a simple web page

This is a working example of your slider.

To get your slider working in your web page add my-slider.css, ism-2.2.min.js and the slide images to your project directory and paste the markup into your HTML.

Please see README.txt for more detailed instructions.

* If your slider is not displayed correctly, please first make sure you have fully extracted the contents of the zip file.

gallery/untitled-2artboard 2
gallery/untitled-2artboard 1
gallery/untitled-2artboard 1 copy 2
gallery/untitled-2artboard 1 copy 5

Amy Jones

Barbara Santa

Alex Dillinger

Dave Willson

Please insert information that will be useful to your customers...

This text should be replaced with information about you...

You will find the latest information about our company...

Please insert information that will be useful to your customers here Please insert...

About us

gallery/97c4396ea46fde43dca69525c720843f

You will find the latest information about us on this page. Our company is constantly evolving and growing. We provide wide range of services. Our mission is to provide best solution that helps everyone. If you want to contact us, please fill the contact form on our website. We wish you a good day! You will find the latest information about us on this page. Our company is constantly evolving and growing. We provide wide range of services. Our mission is to provide best solution that helps everyone. If you want to contact us, please fill the contact form on our website. We wish you a good day! You will find the latest information about us on this page. Our company is constantly evolving and growing. We provide wide range of services. Our mission is to provide best solution that helps everyone. If you want to contact us, please fill the contact form on our website. We wish you a good day! You will find the latest information about us on this page. Our company is constantly evolving and growing. We provide wide range of services. Our mission is to provide best solution that...

Best lecturers
(function(){function e(b,c){this.selector=null;c?this.nodes=c:"string"==typeof b?(this.selector=b,this.nodes=document.querySelectorAll(b)):this.nodes=[b];this.length=this.nodes.length;this.el=this.nodes[0]}function d(b){return new e(b)}function k(b,c){function l(a,c,d){a=a||{};e();!1!==c&&r();N=n=f=null;p=-1;C=z=D=E=null;A=!1;B=null;F=!1;q=null;k(a);u();S(f.transition_type,!0);n.find("#"+b+" .ism-caption").css("visibility","hidden");T();ca();x(f.play_type);da();setTimeout(function(){!0!==d&&h()}, 1E3)}function e(){d("#"+b+"-ism-loading-mask").remove();var a=document.createElement("DIV");a.id=b+"-ism-loading-mask";a.style.position="absolute";a.style.zIndex=10;a.style.top=0;a.style.bottom=0;a.style.left=0;a.style.right=0;a.style.backgroundColor="#eee";d("#"+b).el.appendChild(a)}function h(){d("#"+b).show();1==d("#"+b+"-ism-loading-mask").length&&d("#"+b+"-ism-loading-mask").fadeOut(400,function(){d("#"+b+"-ism-loading-mask").remove();O(0);U(0)})}function k(a){for(var c in G){var g=typeof G[c]; void 0==a[c]&&"object"!=g&&(g=d("#"+b).data(c),void 0!=g&&("true"===g?g=!0:"false"===g&&(g=!1),a[c]=g))}f=a||{};for(c in G)void 0==f[c]&&(f[c]=G[c]);f.captions=[];a=d("#"+b+" ol > li");c=a.length;for(g=0;gl;l++){var e={enable:V[l].enable,delay:V[l].delay},t=d(a.get(g)).find(".ism-caption-"+l);1==t.length&&(e.enable=!0,t=t.data("delay"),isNaN(t)||(e.delay=parseInt(t)));f.captions[g][l]=e}}}function r(){g();W();q&&q.unbindEventListeners();X();d("#"+b+" .ism-radios input.ism-radio, #"+ b+" .ism-radios .ism-radio-label").off("click",H);d("#"+b+" .ism-radios input.ism-radio, #"+b+" .ism-radios .ism-radio-label").off("touchstart",H);Y();d("#"+b+" .ism-button").remove();d("#"+b+" .ism-radios").remove();d("#"+b+" .ism-cloned").remove();for(d("#"+b+" .ism-tmp-clone").remove();0 li").length;p=0;n.addClass("ism-slides");d("#"+b+" .ism-slides > li").addClass("ism-slide"); d("#"+b+" .ism-slides > .ism-slide > img, #"+b+" .ism-slides > .ism-slide > a > img").addClass("ism-img");n.find("li").each(function(a){this.addClass("ism-slide-"+a)});d("#"+b).wrapInner("
");n=d("#"+b+" ol.ism-slides");d("#"+b+" .ism-img").wrap("
")}function m(){return d("#"+b+" .ism-slide").length}function x(a){f.play_type=a;Y();d("#"+b+" .ism-pause-button").remove();f.pause_button&&"manual"!=f.play_type&&(n.after("
 
"), C=d("#"+b+" .ism-pause-button"),C.on("click",I),C.on("touchstart",I));v()}function v(){A=!0;d("#"+b+" .ism-pause-button").removeClass("ism-play");"manual"!=f.play_type&&(clearTimeout(B),B=setTimeout(a,f.interval))}function a(){var a=p+1;A&&"manual"!=f.play_type&&("once"==f.play_type&&p==m()-2?(y(a),g()):"once-rewind"==f.play_type&&p==m()-1?(y(0),g()):("loop"==f.play_type&&p==m()-1?y(0):y(a),v()))}function g(){A=!1;clearTimeout(B);B=null;d("#"+b+" .ism-pause-button").addClass("ism-play")}function t(a, b){a!=p&&(g(),y(a,b))}function T(){f.buttons&&(n.after("
 
 
"),E=d("#"+b+" .ism-button-prev"),D=d("#"+b+" .ism-button-next"),E.on("click",J),E.on("touchstart",J),D.on("click",K),D.on("touchstart",K))}function X(){d("#"+b+" .ism-button-prev").off("click",J);d("#"+b+" .ism-button-prev").off("touchstart",J);d("#"+b+" .ism-button-next").off("click",K);d("#"+b+" .ism-button-next").off("touchstart",K)}function J(a){a&& a.preventDefault&&a.preventDefault();a&&a.stopPropagation&&a.stopPropagation();t(p-1)}function K(a){a&&a.preventDefault&&a.preventDefault();a&&a.stopPropagation&&a.stopPropagation();t(p+1)}function ca(){if(f.radios){d("#"+b).append("");z=d("#"+b+" .ism-radios");"thumbnail"==f.radio_type&&z.addClass("ism-radios-as-thumbnails");for(var a=0;a"):z.append("
  • ");d("#"+b+" .ism-radios input.ism-radio, #"+b+" .ism-radios .ism-radio-label").on("click",H);d("#"+b+" .ism-radios input.ism-radio, #"+b+" .ism-radios .ism-radio-label").on("touchstart",H)}}function H(a){a.preventDefault&&a.preventDefault(); a.stopPropagation&&a.stopPropagation();a=d(a.target.parentNode).index();t(a)}function Z(a){f.radios&&(d("#"+b+" .ism-radios li").removeClass("active"),a=d("#"+b+" .ism-radios li").get(a),d(a).addClass("active"),d(a).find("input").attr("checked","checked"))}function Y(){d("#"+b+" .ism-pause-button").off("click",I);d("#"+b+" .ism-pause-button").off("touchstart",I)}function I(a){a.preventDefault();a.stopPropagation();A?g():v()}function da(){var a=d("#"+b).get(0),c=n.get(0);q=new Dragdealer(a,c,{steps:m(), x:0,speed:.2,loose:!0,requestAnimationFrame:!0,dragStartCallback:function(){g()},dragStopCallback:function(a,b){new_slide_index=q.getStep()[0]-1;f.pause_button?g():v();var c=new_slide_index,d=p;p=c;P("afterswipe",[c]);Z(c);L(d,c,!1)},onAfterGlide:function(){q.setStep(p+1,1,!0)}});window.onload=function(){setTimeout(function(){q.reflow()},150);setTimeout(function(){q.reflow()},600)}}function aa(){q&&(q.setStep(p+1,1,!0),q.reflow())}function P(a,b){Q[a]&&Q[a].apply(this,b)}function S(a,c){if(1==c|| a!=f.transition_type){f.transition_type=a;d("#"+b+" .ism-slide").removeClass("ism-zoom-in");d("#"+b+" .ism-slide").show();var g=m();n.css("width",100*g+"%");n.find(".ism-slide").each(function(a){a=N*a+"%";this.css("width",100/g+"%");this.css("left",a)})}}function y(a,b){if(!0!==F&&a!=p){F=!0;var c=p;a=parseInt(a);0>a?a=m()-1:a>=m()&&(a=0);var g=a;Z(g);p=g;P("beforetransition",[g]);"instant"==f.transition_type?(g=a,q.setStep(g+1,1,!0),L(c,g,!0,b)):"slide"==f.transition_type?ea(c,a,b):"fade"==f.transition_type? ba(c,a,!1,b):"zoom"==f.transition_type&&ba(c,a,!0,b)}}function ea(a,b,c){var g=b/(m()-1);q.startSlide(g,function(){L(a,b,!0,c)})}function ba(a,c,g,l){d("#"+b+" li.ism-slide").removeClass("ism-zoom-in");var t=d("#"+b+" li.ism-slide-"+a),e=n.clone();e.addClass("ism-slides-clone");var h=c/(m()-1),h=q.getOffsetsByRatios([h,0]);e.css("transform","translateX("+h[0]+"px)");e.insertAfter(n.el);g&&t.addClass("ism-zoom-in");g=e.get(0);n.fadeInto(g,2*f.transition_duration,function(){q.setStep(c+1,1,!0);d("#"+ b+" .ism-slides-clone").remove();d("#"+b+" .ism-slides").show();d("#"+b+" .ism-slides").css("opacity",null);L(a,c,!0,l)})}function L(a,c,g,l){c=parseInt(c);d("#"+b+" .ism-slides-clone").remove();d("#"+b+" .ism-slides").show();d("#"+b+" li.ism-slide").removeClass("ism-zoom-in");g&&aa();l&&l();O(c);U(c);F=!1;P("aftertransition",[c])}function O(a){W();"none"!=f.image_fx&&("zoompan"==f.image_fx?d("#"+b+" .ism-slide-"+a+" .ism-img-frame").addClass("ism-zoom-pan"):"zoomrotate"==f.image_fx&&d("#"+b+" .ism-slide-"+ a+" .ism-img-frame").addClass("ism-zoom-rotate"))}function W(){d("#"+b+" .ism-slide .ism-img-frame").removeClass("ism-zoom-pan");d("#"+b+" .ism-slide .ism-img-frame").removeClass("ism-zoom-rotate")}function U(a){n.find(".ism-caption").css("visibility","hidden");n.find(".ism-caption").removeClass("ism-caption-anim");R(a,0);R(a,1);R(a,2)}function R(a,b){f.captions[a]&&1==f.captions[a][b].enable&&setTimeout(function(){n.find(".ism-slide-"+a+" .ism-caption-"+b).css("visibility","visible");n.find(".ism-slide-"+ a+" .ism-caption-"+b).addClass("ism-caption-anim")},f.captions[a][b].delay)}var G={transition_type:"slide",play_type:"manual",interval:7E3,image_fx:"none",buttons:!0,radios:!0,radio_type:"button",pause_button:!0,transition_duration:350,swipe:!0},V=[{enable:!1,delay:0},{enable:!1,delay:200},{enable:!1,delay:400}],f,n,N,p,E,D,z,C,A,B,F,q,Q={};l(c,!1,c.prevent_stop_loading||!1);this.init=l;this.deinit=r;this.stopLoading=h;this.transition=y;this.listen=function(a,b){Q[a]=b};this.reflow=aa;this.setTransitionType= S;this.setPlayType=x;this.setInterval=function(a){f.interval=a};this.setImageFx=function(a){a!=f.image_fx?(f.image_fx=a,O(p)):f.image_fx=a};this.setCaptionEnable=function(a,b,c){f.captions[a][b].enable=c};this.setCaptionDelay=function(a,b,c){f.captions[a][b].delay=c};this.enableButtons=function(a){!0!==a||f.buttons||(X(),d("#"+b+" .ism-button").remove(),T())};this.enableRadios=function(a){};this.setRadioType=function(a){"thumbnail"==a?d("#"+b+" .ism-radios").addClass("ism-radios-as-thumbnails"):d("#"+ b+" .ism-radios").removeClass("ism-radios-as-thumbnails")};this.getSlideCount=m;this.getActiveSlideIndex=function(){return p};this.setElementId=function(a){b=document.getElementById(b).id=a}}e.prototype.get=function(b){return this.nodes[b]};e.prototype.find=function(b){b=this.el.querySelectorAll(b);return new e(null,b)};e.prototype.index=function(){for(var b=this.el,c=0;null!=(b=b.previousSibling);)c++;return c};e.prototype.each=function(b){for(var c=0;cthis.valuePrecision[0]||Math.abs(a[1])>this.valuePrecision[1]?(this.value.current[0]+=a[0]*Math.min(this.options.speed*this.timeOffset/25,1),this.value.current[1]+=a[1]*Math.min(this.options.speed*this.timeOffset/25,1)):this.groupCopy(this.value.current,this.value.target);return!0},animateSlide:function(){for(var a=this.value.target[0]-this.value.current[0], b=0a;)d*=.5;.995h.yDiff||!this.options.vertical&&h.yDiff>h.xDiff}};for(var k=function(a,b){return function(){return a.apply(b,arguments)}},b=function(a,b,c){a.addEventListener?a.addEventListener(b,c,!1):a.attachEvent&&a.attachEvent("on"+b,c)},c=function(a,b,c){a.removeEventListener?a.removeEventListener(b,c,!1):a.detachEvent&&a.detachEvent("on"+b,c)},l=function(a){a||(a=window.event); a.preventDefault&&a.preventDefault();a.returnValue=!1},M=function(a){a||(a=window.event);a.stopPropagation&&a.stopPropagation();a.cancelBubble=!0},h={x:0,y:0,xDiff:0,yDiff:0,refresh:function(a){a||(a=window.event);"mousemove"==a.type?this.set(a):a.touches&&this.set(a.touches[0])},set:function(a){var b=this.x,c=this.y;if(a.clientX||a.clientY)this.x=a.clientX,this.y=a.clientY;else if(a.pageX||a.pageY)this.x=a.pageX-document.body.scrollLeft-document.documentElement.scrollLeft,this.y=a.pageY-document.body.scrollTop- document.documentElement.scrollTop;this.xDiff=Math.abs(this.x-b);this.yDiff=Math.abs(this.y-c)}},w={get:function(a){var b={left:0,top:0};void 0!==a.getBoundingClientRect&&(b=a.getBoundingClientRect());return[b.left,b.top]}},r={transform:e("transform"),perspective:e("perspective"),backfaceVisibility:e("backfaceVisibility")},u=["webkit","moz"],m=window.requestAnimationFrame,x=window.cancelAnimationFrame,v=0;v