Всем привет. Сделал две кнопки "вперед" и "назад" и что-то типа слайдера. К нему привязал такой скрипт:
$("img.menu-links__images").bind("click", function() {
var i = $("img.menu-links__images.current").index(this);
if (i != 1) {
$("#left-control").bind("click", function() {
for (j = i; j <= i; j--) {
if (j != 1) {
$("img.current")
.removeClass("current")
.replaceWith(prev);
var prev = $("img.menu-links__images")
.eq(j)
.clone()
.appendTo("#images")
.addClass("current");
}
}
});
}
});
Где .menu-links__images - изображения,
Класс current добавляется к активному изображению,
Блок с id "images" содержит картинку с классом current,
а "#left-control" - кнопка, нажав на которую должна происходить смена изображений.
Но он не работает. Объясните, пожалуйста, почему? Заранее спасибо.
Обновление
Подредактировал код:
$("img.menu-links__images").bind("click", function() {
var i = $("img.menu-links__images.current").index(this);
if (i != 1) {
$("#left-control").bind("click", function() {
for (j = i; j < 1; j--) {
if (j != 1) {
var prev = $("img.menu- links__images").eq(j).clone().appendTo("#imagesOfBox");
$("img.current").removeClass("current").replaceWith(prev);
$("img.menu-links__images").eq(j).addClass("current");
}
}
});
}
});
Все равно. После нажатия на кнопку сайт виснет.
Обновление 2
Я кажись понял и опять внес небольшие изменения:
$("img.menu-links__images").bind("click", function() {
var i = $("img.menu-links__images.current").index(this);
if (i != 1) {
$("#left-control").bind("click", function() {
for (j = i; j > 1; j--) {
if (j != 1) {
var prev = $("img.menu-links__images").eq(j).clone().appendTo("#imagesOfBox");
$("img.current").replaceWith(prev);
$("img.current").removeClass("current");
$prev.addClass("current");
}
}
});
}
});
Но все так и не работает.