Написал скрипт динамического баннера, в котором разные слои (картинки) плавно сменяют друг друга, накладываясь одна на одну. В целом красиво и так как задумывалось. Одна проблема - к слоям картинок также привязаны также ссылки, а при наведении и переходе отображается одна и та же всегда ссылка (последняя при выведении).
Как сделать, чтобы ссылки также сменяли друг друга?
Вот код в php-файле при выведении:
<div id="logo1" class="animation"><a href="link1"><img src="src1" border=0px></a></div>
<div id="logo2" class="animation"><a href="link2"><img src="src2" border=0px></a></div>
<div id="logo3" class="animation"><a href="link3"><img src="src3" border=0px></a></div>
...
А вот код javascript:
//Создание цикла обновления баннеров
var animation_count = $(".animation").length;//количество слоев
var random=1;//счетчик циклов
var rotator = setInterval(function(){
if(random>animation_count) {//если прошли все слои
random=1;
$('.animation').fadeTo(0,1);
}
var reverse_count=animation_count-random+1;
if(random==animation_count) {
$('#logo'+reverse_count).fadeTo(0,1);
$('#logo'+reverse_count).fadeTo(5000,0);
$('#logo'+random).fadeTo(5000,1);
}
else if(random<animation_count){
$('#logo'+reverse_count).fadeTo(0,1);
$('#logo'+reverse_count).fadeTo(5000,0);
$('#logo'+reverse_count-1).fadeTo(5000,1);
}
random++;
},15000);