Есть скрипт ротации картинок при наведении
var images = new Array("img1.jpg", "img2.jpg", "img3.jpg", "img4.jpg");
var curId = 0;
var interval = 0;
function changeImg()
{
curId = ( ++curId > images.length – 1 ) ? 0 : curId;
$("#my_a img").attr("src", "./" + images[curId]);
}
$(document).ready(function(){
$("#my_a").on('mouseover', function(){
interval = setInterval(changeImg, 1000);
});
$("#my_a").on('mouseout', function(){
clearInterval(interval);
});
});
а в html соответственно <a id="my_a" href="#"><img src="./img1.jpg"></a>
Он прекрасно работает, когда на странице одна картинка.
Но дело в том, что на странице будет много картинок и все они имеют свой id=""
Нужно переделать скрипт так, чтобы id="" стиля не был прописан в функции, а определялся при наведении на картинку, т.е. чтобы скрипт нормально работал не зависимо от количества картинок на странице.
Еще нужно чтобы имена картинок, которые подставляются в ротацию var images = new Array("img1.jpg", "img2.jpg", "img3.jpg", "img4.jpg"); зависили от id, т.е. если id="123kat", то var images = new Array("123kat.000.jpg", "123kat.001.jpg", "123kat.002.jpg", "123kat.003.jpg");
Предлагайте цену