Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 19.03.2015, 18:46
Новичок на форуме
Отправить личное сообщение для Vesel Посмотреть профиль Найти все сообщения от Vesel
 
Регистрация: 19.03.2015
Сообщений: 1

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);


Мда, написал не туда а перенести не могу

Последний раз редактировалось Vesel, 19.03.2015 в 18:53.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Изменить класс блока Dj_Vreditel Общие вопросы Javascript 9 27.02.2015 02:47
Изменить высоту фрейма в зависимости от высоты блока в загружаемом документе Sigizmund2012 Элементы интерфейса 18 09.12.2014 18:07
Изменить высоту блока в зависимости от дочернего juliababouk Общие вопросы Javascript 6 14.10.2014 12:00
Изменить slider jquery-ui roma88 jQuery 11 25.05.2014 12:00
Как динамически изменить размер блока с флешкой из флешки с помощью jQuery Aleksandr_SAM Flash 3 30.11.2010 22:59