Показать сообщение отдельно
  #4 (permalink)  
Старый 07.03.2015, 17:35
Новичок на форуме
Отправить личное сообщение для Hey,you Посмотреть профиль Найти все сообщения от Hey,you
 
Регистрация: 01.03.2015
Сообщений: 7

var Rotate=(function(){
	var
		rotateElem = $('.slides li'),
		classArray =[],
		rotateSlider;

	return {
		init:function(){
			this.addСlassSlide();
			this.clickReg();
		},

		//Функция 1
		addСlassSlide:function(){
			var
				posArray=[
					"rotate-item-outleft",
					"rotate-item-left",
					"rotate-item-active",
					"rotate-item-right",
					"rotate-item-outright"
				];
			
			rotateElem.each(function(index){
				for (var i=1; i<=posArray.length; ++i) {
					$(this).removeClass().addClass(posArray[index]);
				}
			});
		},

		//Функция 2
		clickReg:function(){
			rotateElem.each(function(){
				classArray.push($(this).attr('class'));
			});

			rotateSlider=classArray.length; //3

			$(".slides").parent().each(function () {
				var obj = $(this);
				$(obj).append("<ol class='rotate-control-nav'></ol>").find("li").each(function (index) {
						$(obj).find(".rotate-control-nav").append('<li><a></a></li>');
					});
			});

			var $rotateNav = $('.rotate-control-nav a');

			//Функция 2 =>> CLICK
			$('ol').on('click', 'a', function(){
				var navIndex=$rotateNav.index(this);
				
				$('.rotate-control-nav a').removeClass('active').addClass('off');
				$(this).addClass('active').removeClass('off');
				
				var rotateСlassSlide = rotateElem.eq(navIndex).attr("class");

				var
					rotateItemClass=classArray.indexOf(rotateСlassSlide),
					rotateItemActive=classArray.indexOf("rotate-item-active");

				if(rotateItemClass != rotateItemActive){
					tomove = rotateItemClass > rotateItemActive ?
						rotateSlider - rotateItemClass + rotateItemActive :
						rotateItemActive - rotateItemClass;
					
					while(tomove){
						var t=classArray.shift();
						classArray.push(t);
						
						rotateElem.each(function(index){
							for (var i=1; i<=rotateSlider; ++i) {
								$(this).removeClass().addClass(classArray[index]);
							}
						});
						--tomove;
					}
				}
			});//.click()
		},//clickReg:function

		// Функция автопрокрутки
		auto:function(){
			for(i=1; i<=1; ++i){
				$('.rotate-control-nav a').delay(100).trigger('click',"#rotate"+i).delay(100);
				console.log("called");
			}
		}
	};
})();

$(document).ready(function(){
	$(".rotate-wrap").Rotate;
	Rotate.init();
	Rotate.auto();
});


Работает, немного подмораживает, еще только учусь. Наверняка, есть лишний код, радуюсь, что работает
Ответить с цитированием