SelectJs :JavaScript library

Usage:

Include via [jsdelivr.com]

<head>
<script src="https://cdn.jsdelivr.net/gh/housseynCheriet/SelectJs/selectjs.min.1.2.js"></script>
<script src="https://cdn.jsdelivr.net/gh/housseynCheriet/SelectJs/imageSlider.0.5.js"></script>
</head>

HTML Code:

<header class="header-blue header-image-Desktop asyncImage" style="height: 500px;width: 100%">
<div id="Couv0"> <div class="selectJsSlid" style="position: relative;"><div id="bl0_Slid" class="bl0_Slid"><div class="biLL"> <div id="s-c1" class="s_gestures" style="font-size: 10px;"><div class="s_images" style="overflow: visible;"> <div class="sliderHoho"></div><div id="crop"></div><div class="s_controls"><div class="s_bullets"><span class="n_elem" data-n="0"></span><span class="n_elem" data-n="1"></span><span class="n_elem" data-n="2"></span></div><div class="s_next n_elem"><span><i></i><b></b></span></div><div class="s_prev n_elem"><span><i></i><b></b></span></div><div class="s_playpause" style="display:none;"><span><i></i><b></b></span></div></div>
<div class="intro_slid">

<div class="s-title"><div id="int_ro">Please wait hd images download</div>
</div> 
<a href="#" class="s_fullscreen"></a></div> <div class="s_shadow"></div></div><br></div> </div></div> </div>
</header>

CSS Code:

	/*slid*/
          .selectJsSlid::selection  , .selectJsSlid *::selection  { color:rgb(255, 255, 255) ; background:rgb(35, 154, 178) ;  }  .selectJsSlid:focus  , .selectJsSlid *:focus  { outline:0px ;  }  .selectJsSlid , .selectJsSlid * { border:0px ; outline:0px ; vertical-align:baseline ; margin:0px ; padding:0px ;  }  .selectJsSlid   { background-position:0px top ; margin:0px auto ; text-shadow:rgb(255, 255, 255) 0px 1px 0px ; color:rgb(44, 44, 44) ; font-family:"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial ; font-weight:400 ; font-style:normal ; font-variant-ligatures:normal ; font-variant-caps:normal ; line-height:normal ; background-color:rgb(239, 236, 221) ;   } 
div#crop {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}


@font-face { font-family: MisoBold; src: url("/fonts/miso-bold-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/miso-bold-webfont.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: s-devices; src: url("/fonts/s-devices.eot#iefix") format("embedded-opentype"), url("/fonts/s-devices.woff") format("woff"), url("/fonts/s-devices.ttf") format("truetype"), url("/fonts/s-devices.svg#s-devices") format("svg"); font-weight: normal; font-style: normal; } .selectJsSlid ul { list-style: none; } .selectJsSlid a { color: rgb(176, 45, 21); text-decoration: none; cursor: pointer; } .selectJsSlid .container>div { display: block; max-width: 984px; margin: 0px auto; } 

        @font-face { font-family: ws-ctrl-mfglabs; src: url("/fonts/s-ctrl-mfglabs.eot#iefix") format("embedded-opentype") } 
        @font-face { font-family: ws-ctrl-mfglabs; src: url("data:application/octet-stream;base64,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") format("woff"), url("data:application/octet-stream;base64,AAEAAAAOAIAAAwBgT1MvMj3OSI0AAADsAAAAVmNtYXDQFBm3AAABRAAAAUpjdnQgAAAAAAAAB1AAAAAKZnBnbYiQkFkAAAdcAAALcGdhc3AAAAAQAAAHSAAAAAhnbHlm1Ecz5gAAApAAAAEGaGVhZAanUBcAAAOYAAAANmhoZWEHWANXAAAD0AAAACRobXR4EKsAAAAAA/QAAAAUbG9jYQBkAK8AAAQIAAAADG1heHAAlQuiAAAEFAAAACBuYW1lHcuPiAAABDQAAALBcG9zdKnRlXAAAAb4AAAATnByZXDdawOFAAASzAAAAHsAAQNVAZAABQAIAnoCvAAAAIwCegK8AAAB4AAxAQIAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA6ADoAwNS/2oAWgL4ADwAAAABAAAAAAAAAAAAAwAAAAMAAAAcAAEAAAAAAEQAAwABAAAAHAAEACgAAAAGAAQAAQACAADoA///AAAAAOgA//8AABgBAAEAAAAAAAAAAAEGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAA/9IDqQLqAAYABrMGAQEtKxEBFSERIRUCDwGa/mYBbQF9zf6g6wAAAAABAAD/0gOpAuoABgAGswUDAS0rNREhNQkBNQGRAhj96KoBZ9n+c/512AAAAAEAAP/LApMC8QAOAAazDQMBLSs1ETQ2FwEWFRQGDwEBBiYsHwI0FAoFBf3MHywLAqUnGhX+ow4TCRIDBP6jFBoAAAAAAgAA/8QC3wL4AA8AHwAItRsSCwICLSs1FBY7ATI2NxE0JicjIgYHARQWOwEyNjURNCYnIyIGByYafxskASYafxskAQHgJhp/GiYmGn8bJAEFGyYmGwKzGyQBJhr9TRsmJhsCsxskASYaAAAAAQAAAAEAAKUN4wxfDzz1AAsD6AAAAADR75tTAAAAANHvcSMAAP/EA6kC+AAAAAgAAgAAAAAAAAABAAADUv9qAFoD6AAA//8DqQABAAAAAAAAAAAAAAAAAAAABQPoAAADqQAAA6kAAAKSAAAC3wAAAAAAAAAWACwATgCDAAEAAAAFACAAAgAAAAAAAgAAABAAcwAAABoLcAAAAAAAAAASAN4AAQAAAAAAAAA1AAAAAQAAAAAAAQAHADUAAQAAAAAAAgAHADwAAQAAAAAAAwAHAEMAAQAAAAAABAAHAEoAAQAAAAAABQALAFEAAQAAAAAABgAHAFwAAQAAAAAACgArAGMAAQAAAAAACwATAI4AAwABBAkAAABqAKEAAwABBAkAAQAOAQsAAwABBAkAAgAOARkAAwABBAkAAwAOAScAAwABBAkABAAOATUAAwABBAkABQAWAUMAAwABBAkABgAOAVkAAwABBAkACgBWAWcAAwABBAkACwAmAb1Db3B5cmlnaHQgKEMpIDIwMTUgYnkgb3JpZ2luYWwgYXV0aG9ycyBAIGZvbnRlbGxvLmNvbW1mZ2xhYnNSZWd1bGFybWZnbGFic21mZ2xhYnNWZXJzaW9uIDEuMG1mZ2xhYnNHZW5lcmF0ZWQgYnkgc3ZnMnR0ZiBmcm9tIEZvbnRlbGxvIHByb2plY3QuaHR0cDovL2ZvbnRlbGxvLmNvbQBDAG8AcAB5AHIAaQBnAGgAdAAgACgAQwApACAAMgAwADEANQAgAGIAeQAgAG8AcgBpAGcAaQBuAGEAbAAgAGEAdQB0AGgAbwByAHMAIABAACAAZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AbQBmAGcAbABhAGIAcwBSAGUAZwB1AGwAYQByAG0AZgBnAGwAYQBiAHMAbQBmAGcAbABhAGIAcwBWAGUAcgBzAGkAbwBuACAAMQAuADAAbQBmAGcAbABhAGIAcwBHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAGgAdAB0AHAAOgAvAC8AZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AAAAAAgAAAAAAAAAKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAABAgEDAQQBBQlsZWZ0LWJvbGQKcmlnaHQtYm9sZARwbGF5BXBhdXNlAAAAAAABAAH//wAPAAAAAAAAAAAAAAAAsAAsILAAVVhFWSAgS7gADlFLsAZTWliwNBuwKFlgZiCKVViwAiVhuQgACABjYyNiGyEhsABZsABDI0SyAAEAQ2BCLbABLLAgYGYtsAIsIGQgsMBQsAQmWrIoAQpDRWNFUltYISMhG4pYILBQUFghsEBZGyCwOFBYIbA4WVkgsQEKQ0VjRWFksChQWCGxAQpDRWNFILAwUFghsDBZGyCwwFBYIGYgiophILAKUFhgGyCwIFBYIbAKYBsgsDZQWCGwNmAbYFlZWRuwAStZWSOwAFBYZVlZLbADLCBFILAEJWFkILAFQ1BYsAUjQrAGI0IbISFZsAFgLbAELCMhIyEgZLEFYkIgsAYjQrEBCkNFY7EBCkOwAGBFY7ADKiEgsAZDIIogirABK7EwBSWwBCZRWGBQG2FSWVgjWSEgsEBTWLABKxshsEBZI7AAUFhlWS2wBSywB0MrsgACAENgQi2wBiywByNCIyCwACNCYbACYmawAWOwAWCwBSotsAcsICBFILALQ2O4BABiILAAUFiwQGBZZrABY2BEsAFgLbAILLIHCwBDRUIqIbIAAQBDYEItsAkssABDI0SyAAEAQ2BCLbAKLCAgRSCwASsjsABDsAQlYCBFiiNhIGQgsCBQWCGwABuwMFBYsCAbsEBZWSOwAFBYZVmwAyUjYUREsAFgLbALLCAgRSCwASsjsABDsAQlYCBFiiNhIGSwJFBYsAAbsEBZI7AAUFhlWbADJSNhRESwAWAtsAwsILAAI0KyCwoDRVghGyMhWSohLbANLLECAkWwZGFELbAOLLABYCAgsAxDSrAAUFggsAwjQlmwDUNKsABSWCCwDSNCWS2wDywgsBBiZrABYyC4BABjiiNhsA5DYCCKYCCwDiNCIy2wECxLVFixBGREWSSwDWUjeC2wESxLUVhLU1ixBGREWRshWSSwE2UjeC2wEiyxAA9DVVixDw9DsAFhQrAPK1mwAEOwAiVCsQwCJUKxDQIlQrABFiMgsAMlUFixAQBDYLAEJUKKiiCKI2GwDiohI7ABYSCKI2GwDiohG7EBAENgsAIlQrACJWGwDiohWbAMQ0ewDUNHYLACYiCwAFBYsEBgWWawAWMgsAtDY7gEAGIgsABQWLBAYFlmsAFjYLEAABMjRLABQ7AAPrIBAQFDYEItsBMsALEAAkVUWLAPI0IgRbALI0KwCiOwAGBCIGCwAWG1EBABAA4AQkKKYLESBiuwcisbIlktsBQssQATKy2wFSyxARMrLbAWLLECEystsBcssQMTKy2wGCyxBBMrLbAZLLEFEystsBossQYTKy2wGyyxBxMrLbAcLLEIEystsB0ssQkTKy2wHiwAsA0rsQACRVRYsA8jQiBFsAsjQrAKI7AAYEIgYLABYbUQEAEADgBCQopgsRIGK7ByKxsiWS2wHyyxAB4rLbAgLLEBHistsCEssQIeKy2wIiyxAx4rLbAjLLEEHistsCQssQUeKy2wJSyxBh4rLbAmLLEHHistsCcssQgeKy2wKCyxCR4rLbApLCA8sAFgLbAqLCBgsBBgIEMjsAFgQ7ACJWGwAWCwKSohLbArLLAqK7AqKi2wLCwgIEcgILALQ2O4BABiILAAUFiwQGBZZrABY2AjYTgjIIpVWCBHICCwC0NjuAQAYiCwAFBYsEBgWWawAWNgI2E4GyFZLbAtLACxAAJFVFiwARawLCqwARUwGyJZLbAuLACwDSuxAAJFVFiwARawLCqwARUwGyJZLbAvLCA1sAFgLbAwLACwAUVjuAQAYiCwAFBYsEBgWWawAWOwASuwC0NjuAQAYiCwAFBYsEBgWWawAWOwASuwABa0AAAAAABEPiM4sS8BFSotsDEsIDwgRyCwC0NjuAQAYiCwAFBYsEBgWWawAWNgsABDYTgtsDIsLhc8LbAzLCA8IEcgsAtDY7gEAGIgsABQWLBAYFlmsAFjYLAAQ2GwAUNjOC2wNCyxAgAWJSAuIEewACNCsAIlSYqKRyNHI2EgWGIbIVmwASNCsjMBARUUKi2wNSywABawBCWwBCVHI0cjYbAJQytlii4jICA8ijgtsDYssAAWsAQlsAQlIC5HI0cjYSCwBCNCsAlDKyCwYFBYILBAUVizAiADIBuzAiYDGllCQiMgsAhDIIojRyNHI2EjRmCwBEOwAmIgsABQWLBAYFlmsAFjYCCwASsgiophILACQ2BkI7ADQ2FkUFiwAkNhG7ADQ2BZsAMlsAJiILAAUFiwQGBZZrABY2EjICCwBCYjRmE4GyOwCENGsAIlsAhDRyNHI2FgILAEQ7ACYiCwAFBYsEBgWWawAWNgIyCwASsjsARDYLABK7AFJWGwBSWwAmIgsABQWLBAYFlmsAFjsAQmYSCwBCVgZCOwAyVgZFBYIRsjIVkjICCwBCYjRmE4WS2wNyywABYgICCwBSYgLkcjRyNhIzw4LbA4LLAAFiCwCCNCICAgRiNHsAErI2E4LbA5LLAAFrADJbACJUcjRyNhsABUWC4gPCMhG7ACJbACJUcjRyNhILAFJbAEJUcjRyNhsAYlsAUlSbACJWG5CAAIAGNjIyBYYhshWWO4BABiILAAUFiwQGBZZrABY2AjLiMgIDyKOCMhWS2wOiywABYgsAhDIC5HI0cjYSBgsCBgZrACYiCwAFBYsEBgWWawAWMjICA8ijgtsDssIyAuRrACJUZSWCA8WS6xKwEUKy2wPCwjIC5GsAIlRlBYIDxZLrErARQrLbA9LCMgLkawAiVGUlggPFkjIC5GsAIlRlBYIDxZLrErARQrLbA+LLA1KyMgLkawAiVGUlggPFkusSsBFCstsD8ssDYriiAgPLAEI0KKOCMgLkawAiVGUlggPFkusSsBFCuwBEMusCsrLbBALLAAFrAEJbAEJiAuRyNHI2GwCUMrIyA8IC4jOLErARQrLbBBLLEIBCVCsAAWsAQlsAQlIC5HI0cjYSCwBCNCsAlDKyCwYFBYILBAUVizAiADIBuzAiYDGllCQiMgR7AEQ7ACYiCwAFBYsEBgWWawAWNgILABKyCKimEgsAJDYGQjsANDYWRQWLACQ2EbsANDYFmwAyWwAmIgsABQWLBAYFlmsAFjYbACJUZhOCMgPCM4GyEgIEYjR7ABKyNhOCFZsSsBFCstsEIssDUrLrErARQrLbBDLLA2KyEjICA8sAQjQiM4sSsBFCuwBEMusCsrLbBELLAAFSBHsAAjQrIAAQEVFBMusDEqLbBFLLAAFSBHsAAjQrIAAQEVFBMusDEqLbBGLLEAARQTsDIqLbBHLLA0Ki2wSCywABZFIyAuIEaKI2E4sSsBFCstsEkssAgjQrBIKy2wSiyyAABBKy2wSyyyAAFBKy2wTCyyAQBBKy2wTSyyAQFBKy2wTiyyAABCKy2wTyyyAAFCKy2wUCyyAQBCKy2wUSyyAQFCKy2wUiyyAAA+Ky2wUyyyAAE+Ky2wVCyyAQA+Ky2wVSyyAQE+Ky2wViyyAABAKy2wVyyyAAFAKy2wWCyyAQBAKy2wWSyyAQFAKy2wWiyyAABDKy2wWyyyAAFDKy2wXCyyAQBDKy2wXSyyAQFDKy2wXiyyAAA/Ky2wXyyyAAE/Ky2wYCyyAQA/Ky2wYSyyAQE/Ky2wYiywNysusSsBFCstsGMssDcrsDsrLbBkLLA3K7A8Ky2wZSywABawNyuwPSstsGYssDgrLrErARQrLbBnLLA4K7A7Ky2waCywOCuwPCstsGkssDgrsD0rLbBqLLA5Ky6xKwEUKy2wayywOSuwOystsGwssDkrsDwrLbBtLLA5K7A9Ky2wbiywOisusSsBFCstsG8ssDorsDsrLbBwLLA6K7A8Ky2wcSywOiuwPSstsHIsswkEAgNFWCEbIyFZQiuwCGWwAyRQeLABFTAtAEu4AMhSWLEBAY5ZsAG5CAAIAGNwsQAFQrEAACqxAAVCsQAIKrEABUKxAAgqsQAFQrkAAAAJKrEABUK5AAAACSqxAwBEsSQBiFFYsECIWLEDZESxJgGIUVi6CIAAAQRAiGNUWLEDAERZWVlZsQAMKrgB/4WwBI2xAgBEAA==") format("truetype"); } 
        .selectJsSlid #s-c1 { box-sizing: content-box; } .selectJsSlid #s-c1 .s_images ul { position: relative; left: 0px; list-style: none; margin: 0px; padding: 0px; border-spacing: 0px; overflow: visible; } .selectJsSlid #s-c1 .s_images ul li { position: relative; width: 1%; height: 100%; line-height: 0; overflow: hidden; float: left; padding: 0px !important; margin: 0px !important; } .selectJsSlid #s-c1 .s_images { position: relative; left: 0px; top: 0px; vertical-align: top; border: none; overflow: hidden; } .selectJsSlid #s-c1 img { max-width: none !important; } .selectJsSlid #s-c1 .s_images .s_list img , .selectJsSlid #s-c1 .s_images>div>img { width: 100%; border: 0px none; max-width: none; padding: 0px; margin: 0px; } .selectJsSlid #s-c1 .s_images>div>img { max-height: 500px; } .selectJsSlid #s-c1 .s_bullets { float: left; position: absolute; z-index: 3; } .selectJsSlid #s-c1 .s_bullets div { position: relative; float: left; font-size: 0px; } .selectJsSlid #s-c1 .s_effect { position: static; width: 100%; height: 100%; } /*.selectJsSlid #s-c1.s_gestures { cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAABwSURBVEjH7ZJBEsAgCAMT/v/n9NCOSqe2oD2yNx1JggB4BCEFWyFASP2KMQE7ywWhe/tTRGCGogLk02tFctiW/SUgaMyQG4PdPzDn31rQbMb8FiAXgvsEJNax1yVlVGAjA93apP3HFhZTGIqiKH7iADB6HxPlHdNVAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE0LTA3LTA3VDEzOjQ5OjEwKzAyOjAwm7WiFAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNC0wNy0wN1QxMzo0OToxMCswMjowMOroGqgAAAAASUVORK5CYII="), move; }*/ .selectJsSlid #s-c1 .s_images { box-shadow: rgba(0, 0, 0, 0.26) 0px 2px 5px 0px; transition: box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1); } .selectJsSlid #s-c1 .s_images:hover { box-shadow: rgba(0, 0, 0, 0.19) 0px 17px 50px; } .selectJsSlid #s-c1 .s_bullets { padding: 10px; } .selectJsSlid #s-c1 .s_bullets span { position: relative; text-shadow: none; color: transparent; display: inline-block; width: 9px; height: 9px; margin: 3px; border-radius: 50%; border: 2px solid rgba(255, 255, 255, 0.5); cursor: pointer; } .selectJsSlid #s-c1 .s_bullets div.s_selbull { border: 2px solid rgb(255, 255, 255); } .selectJsSlid #s-c1 div.s_next , .selectJsSlid #s-c1 div.s_prev { font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 2.6em; line-height: normal; font-family: ws-ctrl-mfglabs; width: 2.6em; height: 2.6em; margin-top: -1.3em; } div.s_prev { top: 84% !Important;}
        .selectJsSlid #s-c1 div.s_next{
            bottom : 40px;
        }
        .selectJsSlid #s-c1 div.s_prev{
             bottom : 0;
        }
        .s_controls {
    position: relative;
    bottom: 50px;
}
        .selectJsSlid #s-c1 div.s_next , .selectJsSlid #s-c1 div.s_prev , .selectJsSlid #s-c1 .s_playpause { position: absolute;  z-index: 3; color: rgb(255, 255, 255); overflow: hidden; border-radius: 50%; border: 3px solid rgb(255, 255, 255); background-color: rgba(0, 0, 0, 0.2); } .selectJsSlid #s-c1 div.s_next , .selectJsSlid #s-c1 div.s_prev , .selectJsSlid #s-c1 .s_playpause { transition: background-color 0.3s ease 0s; } .selectJsSlid #s-c1 div.s_next:hover , .selectJsSlid #s-c1 div.s_prev:hover , .selectJsSlid #s-c1 .s_playpause:hover { background-color: rgba(0, 0, 0, 0.5); } .selectJsSlid #s-c1 div.s_next,.selectJsSlid #s-c1 div.s_prev { right: 5px ; } /*.selectJsSlid #s-c1 div.s_prev { left: 0.5em; } */.selectJsSlid #s-c1 div.s_next::after , .selectJsSlid #s-c1 div.s_prev::after { display: block; text-align: center; line-height: 2.6em; } .selectJsSlid #s-c1 div.s_next::after { content: "\E801"; } .selectJsSlid #s-c1 div.s_prev::after { content: "\E800"; } .selectJsSlid #s-c1 .s_playpause { font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 2.6em; line-height: normal; font-family: ws-ctrl-mfglabs; width: 2.6em; height: 2.6em; left: 50%; z-index: 59; margin-top: -1.3em; margin-left: -1.3em; } .selectJsSlid #s-c1 .s_playpause::after { display: block; text-align: center; line-height: 2.6em; } .selectJsSlid #s-c1 .s_pause::after { content: "\E803"; } .selectJsSlid #s-c1 .s_bullets {  left: 50%; } .selectJsSlid #s-c1 .s_bullets div { left: -50%; } .selectJsSlid #s-c1 .s-title { position: absolute; padding-left: 10px;  z-index: 3; font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 1.4em; line-height: normal; font-family: Roboto, sans-serif; left: 1.1em; /*margin-right: 10em;*/ background: none rgba(0, 0, 0, 0.2); color: rgb(255, 255, 255); border: 3px solid rgb(255, 255, 255); border-radius: 7px; padding: 1em; /*bottom: 40px;*/ top: 10px; opacity: 1; } .selectJsSlid #s-c1 .s-title span { font-size: 1.8em; } .selectJsSlid #s-c1 div.s_next , .selectJsSlid #s-c1 div.s_prev , .selectJsSlid #s-c1 .s_playpause { cursor: pointer; /*opacity: 0; visibility: hidden; transform: scale(0);*/ } .selectJsSlid #s-c1 div.s_next { transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, visibility 0.3s ease 0s, background-color 0.3s ease 0s; } .selectJsSlid #s-c1 div.s_prev { transition: transform 0.3s ease 0.15s, opacity 0.3s ease 0.15s, visibility 0.3s ease 0.15s, background-color 0.3s ease 0s; } .selectJsSlid #s-c1 .s_playpause { transition: transform 0.3s ease 0.3s, opacity 0.3s ease 0.3s, visibility 0.3s ease 0.3s, background-color 0.3s ease 0s; } /*.selectJsSlid #s-c1:hover div.s_next , .selectJsSlid #s-c1:hover div.s_prev , .selectJsSlid #s-c1:hover .s_playpause { opacity: 1; visibility: visible; transform: scale(1); }*/ @keyframes wsBasic { 0% { left: 0%; } 12.5% { left: 0%; } 25% { left: -100%; } 37.5% { left: -100%; } 50% { left: -200%; } 62.5% { left: -200%; } 75% { left: -300%; } 87.5% { left: -300%; }} @-webkit-keyframes wsBasic { 0% { left: 0%; } 12.5% { left: 0%; } 25% { left: -100%; } 37.5% { left: -100%; } 50% { left: -200%; } 62.5% { left: -200%; } 75% { left: -300%; } 87.5% { left: -300%; }}  .selectJsSlid #s-c1 .s_bulframe div div { height: 48px; overflow: visible; position: relative; } .selectJsSlid #s-c1 .s_bulframe div { left: 0px; overflow: hidden; position: relative; width: 92px; background-color: rgb(255, 255, 255); } .selectJsSlid #s-c1 .s_bullets .s_bulframe { display: none; bottom: 25px; margin-left: 5px; overflow: visible; position: absolute; cursor: pointer; border: 3px solid rgb(255, 255, 255); border-radius: 5px; } .selectJsSlid #s-c1 .s_bulframe div div { height: auto; } @media (max-width: 760px) { .selectJsSlid #s-c1 .s_fullscreen { display: block; }}/* @media (max-width: 400px) { .selectJsSlid #s-c1 .s_controls , .selectJsSlid #s-c1 .s_bullets { display: none; }} */
  div#Couv0 {
    position: absolute;
   
}
    
.scene {
  width: 300px;
  height: 200px;
  perspective: 1000px;
}

.cubeBox {
  width: 300px;
  height: 200px;
  position: absolute;
  transform-style: preserve-3d;
  transform: translateZ(-300px);
}   
.cubeBox * {
    transform-origin: 0% 0%;
}
    
.box__face--front {
    background: hsla( 0, 100%, 50%, 0.7);
}
.box__face--back {
    background: hsla(120, 100%, 50%, 0.7);
}
.box__face--right {
    background: hsla( 60, 100%, 50%, 0.7);
}
.box__face--left {
    background: hsla(180, 100%, 50%, 0.7);
}
.box__face--top {
    background: hsla(240, 100%, 50%, 0.7);
}
.box__face--bottom {
    background: hsla(300, 100%, 50%, 0.7);
}
.box__face {
    position: absolute; 
    overflow: hidden;
}
.box__face img {   
    /*display: none;*/ 
}

.box__face--front,
.box__face--back {
  width: 300px;
  height: 200px;
}

.box__face--right,
.box__face--left {
  width: 100px;
  height: 200px;
}

.box__face--top,
.box__face--bottom {
  width: 300px;
  height: 100px;
}
      

.box__face--front  { transform: rotateY(  0deg) translateZ( 50px); }
.box__face--back   { transform: rotateY(180deg) translateZ( 50px); }

.box__face--right  { transform: rotateY( 90deg) translateZ(150px); }
.box__face--left   { transform: rotateY(-90deg) translateZ(150px); }

.box__face--top    { transform: rotateX( 90deg) translateZ(100px); }
.box__face--bottom { transform: rotateX(-90deg) translateZ(100px); }

    slider(1,select("#crop"),10,4,["src/img/slid/s1/i1.jpg",
    "src/img/slid/s1/i2.jpg",
    "src/img/slid/s1/i3.jpg",
    "src/img/slid/s1/i4.jpg",
    "src/img/slid/s1/i5.jpg",
    "src/img/slid/s1/i6.jpg",
    "src/img/slid/s1/i7.jpg",
    "src/img/slid/s1/i8.jpg",
    "src/img/slid/s1/i9.jpg"],["Asia Beach In Thailand Phuket A Rainforested Mountainous Island In The Andaman Sea",
"Tahiti Island Archipelago The South Pacific The Pacific Ocean South Sea French Polynesia With The Beaches Black Sand Lagoons Extinct Volcanoes",
"Tropical Sand Beach Lagoon Coastline Sea Waves Turquoise Water Trees Willow Overhanged Horizon",
"Praslin Is An Island In The Seychelles In The Indian Ocean Known For Beaches With Long Crustaceans Such As Anse Giorgie And Anse Lazio, Bordering Large Granite Stones",
"Best Beaches In Seychelles Beach Anse Lazio On Praslin Island Indian Ocean",
"Pulau Perhentian Besar Island In Malaysia White Sand Beaches And Turquoise Water Malaysian Food Culture And Identity",
"Warm Tropical Beach Beautiful Shores Of Palawan In Philippines",
"Blue Sea Ocean Beach Sand Palm Trees Summer Garden Summer",
"Palombaggia Beach In Corsica Island In France"],true)
    
    slider(1,select("#crop"),10,4,["src/img/slid/s2/i1.jpg",
    "src/img/slid/s2/i2.jpg",
    "src/img/slid/s2/i3.jpg",
    "src/img/slid/s2/i4.jpg",
    "src/img/slid/s2/i5.jpg",
    "src/img/slid/s2/i6.jpg",
    "src/img/slid/s2/i7.jpg",
    "src/img/slid/s2/i8.jpg"],["Wild Animals From Africa Giraffe Family Giraffidae The Tallest Living Land Animal And Largest Survivor",
"Giraffe Family Giraffidae The Tallest Living Land Animal And Largest Survivor Wild Animals From Africa",
"Polar Summer On The South Coasts Of Hudson Bay Polar Bear Canada North America",
"Animal Elk In Yellowstone National Park Wyoming U.s. State",
"Lonely Old Elephant",
"Jaguar Big Cute Wild Cat",
"Lions Game Between Parent And Cub Lion",
"Polar Bears Feed Mainly On Ring And Bearded Seals, Also Eat Harp And Hooded Seals And Collect The Carcasses Of Beluga Whales, Walruses"],false)