Slider+accordion. Изменить место вывода блока
Помогите плз, нужно чтобы блоки при нажатии открывались все в одном и том же месте.
Вот здесь они должны открываться все, ![]() Но они открываются все в разных местах ![]() Код скрипта (function($){ $.fn.extend({ slidorion: function(options) { var defaults = { autoPlay: false, easing: '', effect: 'fade', first: "section1", interval: 7000, hoverPause: false, speed: 1000 }; var options = $.extend(defaults, options); return this.each(function() { var o = options; var current = o.first; var section = ""; var speed = o.speed; var effect = o.effect; var easingOption = o.easing; var interval = o.interval; var hoverPause = o.hoverPause; var autoPlay = o.autoPlay; var zPos = 1; var sliderCount = 0; var accordionCount = 0; var intervalPause = false; var active = false; var loaded = false; var previousEffect = ''; var obj = $(this); if(sliderCount==accordionCount){ $('.slider-image', obj).each(function(){ sliderCount++; obj.data('slideCount', sliderCount); }); $('.slider-link', obj).each(function(){ accordionCount++; obj.data('accordCount', accordionCount); }); //obj.data('accordCount', accordionCount); if(autoPlay==true){ var autoPlaying = setInterval(function(){playSlider(current, effect, speed, easingOption);}, interval); obj.data('interval', autoPlaying); } if(hoverPause==true && autoPlay==true){ obj.hover(function(){ intervalPause = true; stopAuto(); }, function(){ intervalPause = false; startAuto(); }); } var items = $(".slider-link", obj); $('.content', obj).hide(); $('.header a[rel="'+current+'"]', obj).addClass('active').parent().next().show(); centerImages(current); items.click(sectionClicked); }else{ console.log("The number of slider images does not match the number of accordion sections."); } $(window).load(function(){ loaded = true; }); function sectionClicked(){ $objHeader = $(this, obj); section = $(this, obj).attr('rel'); if(section==current){ return false; }else{ if($objHeader.parent().next().is(':hidden')) { $('.slider-link.active', obj).removeClass('active').parent().next().slideUp(); $objHeader.addClass('active').parent().next().slideDown (); } animation(current, section, effect, speed, easingOption); } zPos++; current = section; return false; } function playSlider(current, effect, speed, easingOption){ if(intervalPause==false){ var slideNum = current.substr(current.length - 1); var sCount = obj.data('slideCount')+1; slideNum++; if(slideNum==sCount){ $('.slider-link[rel="section1"]', obj).trigger('click', sectionClicked); }else{ section = "section"+slideNum; $('.slider-link[rel="'+section+'"]', obj).trigger('click', sectionClicked); } } } function startAuto(){ autoPlaying = setInterval(function(){playSlider(current, effect, speed, easingOption);}, interval); obj.data('interval', autoPlaying); } function stopAuto(){ clearInterval(obj.data('interval')); } function restartAuto(){ } function centerImages(current){ var sHeight = $('#slider', obj).outerHeight(); var sWidth = $('#slider', obj).outerWidth(); var iHeight, iWidth, padTop, padLeft = 0; var bgColor = obj.css('backgroundColor'); $('.slider-image img', obj).each(function(){ iHeight = $(this).outerHeight(); iWidth = $(this).outerWidth(); padTop = (sHeight-iHeight)*0.5; padLeft = (sWidth-iWidth)*0.5; $(this).css({'padding-top':padTop,'padding-bottom':padTop,'padding-left':padLeft,'padding-right':padLeft,'background-color':bgColor,'position':'absolute'}); $(this).css({'z-index':zPos}); zPos++; }); $('.slider-image[rel="'+current+'"] img', obj).css({'z-index':zPos}); zPos++; } }); } }); })(jQuery); Мда, написал не туда а перенести не могу :( |
Часовой пояс GMT +3, время: 04:57. |