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