Esculturas de Acero y Piedra

/*------------------------------------------------*/ /*-------Hybrid Scroll Layout by Divi Soup--------*/ /*------------------------------------------------*/ /*Enable hybrid scroll on desktop*/ @media all and (min-width: 981px) { .ds-scroll-slider { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; min-height: 100vh; } .ds-scroll-wrapper { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 100vh; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .ds-scroll-slide { -webkit-box-flex: 1; -ms-flex: 1 0 100vw; flex: 1 0 100vw; max-width: 100vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } } /*Remove extra padding on smaller screens*/ @media all and (max-width: 980px) { .scrollmagic-pin-spacer { padding-bottom: 0 !important; } } /*------------------------------------------------*/ /*-----End Hybrid Scroll Layout by Divi Soup------*/ /*------------------------------------------------*/

jQuery(document).ready(function ($) { //Wrap the slider in a container $(".ds-scroll-slide").wrapAll(''); $(".ds-scroll-wrapper").wrap(''); 'use strict'; var $slider = $('.ds-scroll-slider') , $slides = $('.ds-scroll-slide') , $sliderWrapper = $('.ds-scroll-wrapper') , $firstSlide = $slides.first(); var settings = {} , resizing = false , scrollController = null , scrollTween = null , scrollTimeline = null , progress = 0 , scrollScene = null; function scrollSlider(options) { // Default settings = $.extend({ slider: '.ds-scroll-slider' , sliderWrapper: '.ds-scroll-wrapper' , slides: '.ds-scroll-slide' , slideWidth: null , slideHeight: null , }, options); // Set dimensions setDimensions(); // On resize $(window).on('resize', function () { clearTimeout(resizing); resizing = setTimeout(function () { setDimensions(); }, 250); }); } function setDimensions() { settings.slideWidth = $firstSlide.width(); settings.slideHeight = $firstSlide.height(); console.log(settings.slideWidth); console.log(settings.slideHeight); // Calculate slider width and height settings.sliderWidth = Math.ceil((settings.slideWidth * $slides.length)); settings.sliderHeight = $firstSlide.outerHeight(true); // Set slider width and height $sliderWrapper.width(settings.sliderWidth); //$sliderWrapper.height(settings.sliderHeight); // Set scene setScene(); //resizing = false; } function setScene() { var xDist = -$slides.width() * ($slides.length - 1) , tlParams = { x: xDist , ease: Power0.easeInOut }; if (scrollScene != null && scrollTimeline != null) { progress = 0; scrollScene.progress(progress); scrollTimeline = new TimelineMax(); scrollTimeline.to($sliderWrapper, 2, tlParams); scrollScene.setTween(scrollTimeline); scrollScene.refresh(); } else { // Init ScrollMagic controller scrollController = new ScrollMagic.Controller(); //Create Tween scrollTimeline = new TimelineMax(); scrollTimeline.to($sliderWrapper, 2, tlParams); scrollTimeline.progress(progress); // Create scene to pin and link animation scrollScene = new ScrollMagic.Scene({ triggerElement: settings.slider , triggerHook: "onLeave" , duration: settings.sliderWidth }).setPin(settings.slider).setTween(scrollTimeline).addTo(scrollController).on('start', function (event) { scrollTimeline.time(0); }); } } $(document).ready(function () { scrollSlider(); }); }); //Reload on window resize jQuery(function ($) { var windowWidth = $(window).width(); var windowHeight = $(window).height(); $(window).resize(function () { if (windowWidth != $(window).width() || windowHeight != $(window).height()) { location.reload(); return; } }); });