Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Não estou conseguindo aplicar...alguém poderia me ajudar?
<script> $(document).ready(function(){ initSponsors(). }). $(window).load(function(){ initSliders(). }). function initSponsors(){ if ($('#sponsors #sponsors-carousel').get(0)) { $('#sponsors-carousel').jcarousel({ scroll: 1, animation: 200 }). } } /** * Init Slider after $(window).load **/ function getSlider(sliderElementId, sliderItemClass, sliderStep){ showLoader(sliderElementId). var $scrollPane = $( sliderElementId+".scroll-pane" ), $scrollContent = $( sliderElementId+".scroll-content" ), $scrollNavigation = $(sliderElementId+'.navigation'), slides = $(sliderElementId+'.scroll-content '+sliderItemClass).size(), sliderWidth = scrollContentPaddingLeft = scrollContentPaddingRight = 0. if($('#map').get(0)) { $(sliderElementId+'.scroll-content '+sliderItemClass+':last').css({'marginRight':'0px'}). } if($scrollContent.css('padding-left')){ scrollContentPaddingLeft = parseInt($scrollContent.css('padding-left').replace('px','')). } if($scrollContent.css('padding-right')){ scrollContentPaddingRight = parseInt($scrollContent.css('padding-right').replace('px','')). } $(sliderElementId+'.scroll-content '+sliderItemClass).each(function(){ sliderWidth = parseInt(sliderWidth + $(this).outerWidth(true)). }). sliderWidth = sliderWidth + scrollContentPaddingLeft + scrollContentPaddingRight. /** * add prevnext buttons */ $scrollContent.append('<a href="#" class="scroll-pane-next">next</a><a href="#" class="scroll-pane-prev">prev</a>'). var $scrollPaneNext = $(sliderElementId+'.scroll-pane-next'), $scrollPanePrev = $(sliderElementId+'.scroll-pane-prev'). $scrollContent.css({'width': sliderWidth+3}). /** * show-hide nav buttons */ if($scrollPane.outerWidth(true) > sliderWidth){ $scrollNavigation.hide(). $scrollPaneNext.hide(). $scrollPanePrev.hide(). }else{ $scrollPaneNext.show(). } /** * on window resize */ $(window).resize(function(){ if($scrollPane.outerWidth(true) > sliderWidth){ $scrollNavigation.hide(). $scrollPaneNext.hide(). $scrollPanePrev.hide(). $scrollContent.animate({ marginLeft: 0 }, 300, "easeIn", function(){}). $(sliderElementId+'.ui-slider-horizontal.ui-slider-handle').animate({ left: '0%' }, 300, "easeIn", function(){}). }else{ $scrollNavigation.show(). if($(sliderElementId+'.ui-slider-horizontal.ui-slider-handle').css('left') == '0px'){ $scrollPaneNext.show(). $scrollPanePrev.hide(). }else{ $scrollPaneNext.show(). $scrollPanePrev.show(). } } }). //build slider var slide_handler = function( event, ui ) { if(ui.value == 0){ $scrollPanePrev.hide(). }else{ $scrollPanePrev.show(). } if(ui.value == 100){ $scrollPaneNext.hide(). }else{ $scrollPaneNext.show(). } if( $scrollPane.outerWidth(true) < sliderWidth ) { $scrollContent.css( "margin-left" ) === "auto"? 0: $scrollContent.css( "margin-left", Math.round( ui.value / 100 * ( $scrollPane.width() - sliderWidth ) ) + "px" ). } else { $scrollContent.css( "margin-left", 0 ). } }. var scrollbar = $(sliderElementId+".scroll-bar").slider({ slide: slide_handler, change: slide_handler }). // init mousewheel $scrollContent.on( 'mousewheel', function(event, delta){ if(event.originalEvent.wheelDeltaX < 0 || event.originalEvent.wheelDeltaX > 0 || event.originalEvent.axis == 1){ if($scrollPane.outerWidth(true) < sliderWidth){ if(delta > 0){ $scrollPanePrev.click(). }else if(delta < 0){ $scrollPaneNext.click(). } } event.preventDefault(). //stop any default behaviour } }). //append icon to handle if(!$(sliderElementId+'.ui-handle-helper-parent').get(0)){ $(sliderElementId+'.ui-slider-handle').wrap( '<div class="ui-handle-helper-parent"></div>' ). } //change overflow to hidden now that slider handles the scrolling $scrollPane.css( "overflow", "hidden" ). var scrollBarWidth = $(sliderElementId+'.scroll-bar').width(), scrollerWidth = parseInt(scrollBarWidth/slides). $(sliderElementId+' a.ui-slider-handle').width(scrollerWidth). var scrollerPadding = parseInt(scrollerWidth/2). $(sliderElementId+'.scroll-bar-wrap.ui-handle-helper-parent').width(parseInt(scrollBarWidth-scrollerWidth-(scrollerPadding*2))). $(sliderElementId+'.scroll-bar-wrap.ui-handle-helper-parent').css('padding','0 '+ scrollerPadding+'px'). $(sliderElementId+' a.ui-slider-handle').css('margin-left',-parseInt(scrollerWidth/2)+'px'). var popupSliderInAction = false. $(sliderElementId+'.scroll-pane a.next, '+sliderElementId+'.scroll-pane a.prev, '+sliderElementId+'.scroll-pane-next, '+sliderElementId+'.scroll-pane-prev').unbind('click').click(function() { if(popupSliderInAction == true) return false. popupSliderInAction = true. var current_margin = 0, newMargin = 0, maxMargin = 0, window_width = $(sliderElementId).width(), scrollWidth = $scrollContent.width(), maxMargin = parseInt(window_width - scrollWidth), step = parseInt(($(sliderElementId+'.ui-slider-handle').width()/($(sliderElementId+'.scroll-bar-wrap').width()-scrollerWidth))*100)+'%'. if($scrollContent.css('margin-left')!= 'auto'){ current_margin = parseInt($scrollContent.css('margin-left').replace('px', '')). } if($(this).hasClass('next') || $(this).hasClass('scroll-pane-next') ){ newMargin = parseInt(current_margin - sliderStep). if (newMargin <= maxMargin){ $scrollContent.animate({ marginLeft: maxMargin }, 500, 'easeOutQuad', function(){}). $(sliderElementId+'.ui-slider-horizontal.ui-slider-handle').animate({ left: '100%' }, 500, 'easeOutQuad', function(){ $scrollPaneNext.hide(). $scrollPanePrev.show(). popupSliderInAction = false. }). } else { $scrollPaneNext.show(). $scrollPanePrev.show(). $scrollContent.animate({ marginLeft: newMargin }, 500, 'easeOutQuad', function(){}). $(sliderElementId+'.ui-slider-horizontal.ui-slider-handle').animate({ left: '+='+step+'' }, 500, 'easeOutQuad', function(){ popupSliderInAction = false. }). } } else { maxMargin = 0. newMargin = current_margin + sliderStep. if (newMargin >= maxMargin){ $scrollContent.animate({ marginLeft: maxMargin }, 500, 'easeOutQuad', function(){}). $(sliderElementId+'.ui-slider-horizontal.ui-slider-handle').animate({ left: '0%' }, 500, 'easeOutQuad', function(){ $scrollPanePrev.hide(). $scrollPaneNext.show(). popupSliderInAction = false. }). } else { $scrollPanePrev.show(). $scrollPaneNext.show(). $scrollContent.animate({ marginLeft: newMargin }, 500, 'easeOutQuad', function(){}). $(sliderElementId+'.ui-slider-horizontal.ui-slider-handle').animate({ left: '-='+step+'' }, 500, 'easeOutQuad', function(){ popupSliderInAction = false. }). } } return false. }). $allInnerItems = $(sliderElementId+'.scroll-content '+sliderItemClass+'.inner-item'). $allItems = $(sliderElementId+'.scroll-content '+sliderItemClass). if ($allInnerItems.get(0)) { $allInnerItems.hide(). } else if ($allItems.get(0)) { $allItems.hide(). } hideLoader(sliderElementId). $scrollNavigation.css({'visibility':'visible','display':'none'}). $scrollContent.css({'visibility':'visible','display':'none'}).fadeIn('fast', 'easeOutQuad'). if ($scrollPane.outerWidth(true) < sliderWidth){ $scrollNavigation.fadeIn('fast', 'easeOutQuad'). } /** * blocks fadeIn */ if ($allInnerItems.get(0)) { var $first_element = $allItems.eq(0). sliderFadeInNext($first_element). } else if ($allItems.get(0)) { var $first_element = $allItems.eq(0). sliderItemsFadeInNext($first_element). } } function sliderFadeInNext($parent_element) { if ($parent_element.hasClass('item')) { sliderFadeAllInner($parent_element). } else { return false. } } function sliderFadeAllInner($parent_element) { var $inner_items = $parent_element.children('div.inner-item'). var size = $inner_items.size(). if (size>0) { var $first_element = $inner_items.eq(0). sliderFadeInNextInner($first_element, $parent_element). } else { var $next_parent_element = $parent_element.next(). sliderFadeInNext($next_parent_element). } } function sliderFadeInNextInner($element, $parent_element) { if ($element.get(0)) { var $next_element = $element.next(). $element.fadeIn('fast', function() { sliderFadeInNextInner($next_element, $parent_element). }). } else { var $next_parent_element = $parent_element.next(). sliderFadeInNext($next_parent_element). } } function sliderItemsFadeInNext($element) { if ($element.get(0) && $element.hasClass('item')) { var $next_element = $element.next(). $element.fadeIn('fast', 'easeOutQuad', function() { if ($next_element.get(0)) { sliderItemsFadeInNext($next_element). } }). } else { return false. } } function getSliderItemSize(sliderElementId, sliderItemClass){ /** * adjust height */ var minImageHeight = 0. var $images = $(sliderElementId+' '+sliderItemClass+' img'). $images.each(function(){ if(minImageHeight==0) minImageHeight = $(this).height(). if ($(this).height() < minImageHeight) { minImageHeight = $(this).height(). } }). /** * adjust width */ $images.height(minImageHeight). $images.each(function(index, item) { var imageWidth = $(item).width(). $(item).parent().width(imageWidth). $(item).parent().parent().width(imageWidth). }). } function checkDarkerGreyNeed(sliderElementId, sliderItemClass) { if(!$(sliderElementId).get(0)) return. var isNavVisible = $(sliderElementId+' div.navigation').css('display'). if(isNavVisible=='none') { var scrollPaneWidth = $(sliderElementId+' div.scroll-pane').width(). var emptyDivWidth = scrollPaneWidth. emptyDivWidth -= parseInt($(sliderElementId+' div.scroll-content').css('paddingLeft')). var $items = $(sliderElementId+' div.scroll-content').children('div.'+sliderItemClass). $items.each(function(index, item) { emptyDivWidth = emptyDivWidth-$(item).width()-parseInt($(item).css('marginRight')). }). if(emptyDivWidth>0) { /** * add empty element if not exist */ if(!$(sliderElementId+' div.scroll-pane div.empty-item').get(0)) { $(sliderElementId+' div.scroll-pane').append('<div class="empty-item"><div class="image-holder"></div></div>'). } /** * set size for the empty element */ var $emptyItem = $(sliderElementId+' div.scroll-pane div.empty-item'). $emptyItem.width(emptyDivWidth). var holderHeight = $(sliderElementId+' '+sliderItemClass+' img:eq(0)').height(). $emptyItem.children('div.image-holder').height(holderHeight). } /** * remove empty item element */ else { $(sliderElementId+' div.scroll-pane div.empty-item').remove(). } } else { $(sliderElementId+' div.scroll-pane div.empty-item').remove(). } } $(window).resize(function(){ checkDarkerGreyNeed('#slider-museum-details', '.item'). checkDarkerGreyNeed('#slider-exhibition-detail', '.item'). }). function initSliders(){ if($('#slider').get(0)){ getSlider('#slider', '.item', 614). getGridBlockHover('#slider.item.inner-item'). } if($('#slider-museums').get(0)){ getSlider('#slider-museums', '.item', 920). getGridBlockHover('#slider-museums.inner-item'). } if($('#slider-museum-details').get(0)){ getSliderItemSize('#slider-museum-details', '.item'). getSlider('#slider-museum-details', '.item', 920). checkDarkerGreyNeed('#slider-museum-details', '.item'). } if($('#slider-tours').get(0)){ getSlider('#slider-tours', '.item', 614). getGridBlockHover('#slider-tours.inner-item'). } if($('#slider-artworks').get(0)){ getSlider('#slider-artworks', '.item', 614). getGridBlockHover('#slider-artworks.inner-item'). } if($('#slider-tour-detail').get(0)){ getSlider('#slider-tour-detail', '.item', 614). getGridBlockHover('#slider-tour-detail.inner-item'). } if($('#slider-exhibition-detail').get(0)){ getSliderItemSize('#slider-exhibition-detail', '.item'). getSlider('#slider-exhibition-detail', '.item', 920). checkDarkerGreyNeed('#slider-exhibition-detail', '.item'). } } </script>Carregando comentários...