Показать сообщение отдельно
  #6 (permalink)  
Старый 03.12.2014, 10:25
Новичок на форуме
Отправить личное сообщение для opalsmoke Посмотреть профиль Найти все сообщения от opalsmoke
 
Регистрация: 27.11.2014
Сообщений: 5

У меня возникла еще одна проблема. Пытаюсь разместить два подобных слайдера на одной странице - не работают! Пытался изменить название классов для второго слайдера, но тщетно.

<script type="text/javascript">
	$(document).ready(function()
	{
		$(".part11-otziv").each(function ()
		{
			var obj = $(this);
			$(obj).append("<div class='nav'></div>");

			$(obj).find("li").each(function ()
			{
				$(obj).find(".nav").append("<span rel='"+$(this).index()+"'></span>");
				$(this).addClass("part11-otziv"+$(this).index());
			});

			$(obj).find("span").first().addClass("on");
		});



    });

	function otzivJS (obj, sl) // slider function
	{
		var ul = $(sl).find("ul");
		var bl = $(sl).find("li.part11-otziv"+obj);
		var step = $(bl).width();
		$(ul).animate({marginLeft: "-"+step*obj}, 600);
	}

	$(document).on("click", ".part11-otziv .nav1 span", function() // slider click navigate
	{
		var sl = $(this).closest(".part11-otziv");
		$(sl).find("span").removeClass("on");
		$(this).addClass("on");
		var obj = $(this).attr("rel");
		otzivJS(obj, sl);
		return false;
	});
 $(document).on("click", ".part11-otziv-navnext, .part11-otziv-navright", function(b) {
     b.preventDefault();
     b = $(".part11-otziv");
     var c = b.find(".nav1 span"),
         a = c.filter(".on");
     a.removeClass("on");
     a = +a.attr("rel");
     a += $(this).is(".part11-otziv-navright") ? 1 : -1;
     a == c.length && (a = 0);
     0 > a && (a = c.length - 1);
     c.eq(a).addClass("on");
     otzivJS(a, b);
 });

</script>
Ответить с цитированием