На главной странице сайта
http://m2project.ru/ нужно организовать смену картинок в шахматном порядке: сначала левая, потом - правая, снова левая, потом -правая и т.д.
В js секу плохо, если не сказать, что не секу.
Сейчас картинки меняются синхронно.
Скрипт (нагло стащенный и немного переделанный под себя
) выглядит так:
var slider1 = {
images: ["1.jpg","2.jpg","3.jpg","4.jpg","5.jpg","6.jpg "],
index: 1,
start: function() {
setInterval("slider1.work()", 3000);
},
work: function() {
$('#slider_private').append('<img src="' + $('#slider_private .prev').attr('src') + '"id="next">');
$('#slider_private .prev').attr('src', 'pic/private/340/' + slider1.images[this.index]);
$('#slider_private #next').fadeOut(1500, function() { $(this).remove(); });
this.index++;
if (this.index >= slider1.images.length) this.index = 0;
}
};
slider1.start();
var slider2 = {
images: ["1.jpg","2.jpg","3.jpg","4.jpg","5.jpg","6.jpg "],
index: 1,
start: function() {
setInterval("slider2.work()", 3000);
},
work: function() {
$('#slider_public').append('<img src="' + $('#slider_public .prev').attr('src') + '"id="next">');
$('#slider_public .prev').attr('src', 'pic/public/340/' + slider2.images[this.index]);
$('#slider_public #next').fadeOut(1500, function() { $(this).remove(); });
this.index++;
if (this.index >= slider2.images.length) this.index = 0;
}
};
slider2.start();
_________________________________________________
Помогите реализовать смену картинок в шахматном порядке. Оч надо.
Заранее благодарен.
P.S. В целом, как я понимаю, нужно, чтобы второй скрипт запускался через какое-то время после первого (скажем, через 1500 мс). Как это сделать?