Javascript-форум (https://javascript.ru/forum/)
-   Javascript под браузер (https://javascript.ru/forum/css-html/)
-   -   Два ротатора баннера на странице не работают (https://javascript.ru/forum/css-html/81481-dva-rotatora-bannera-na-stranice-ne-rabotayut.html)

goolybad 04.12.2020 00:39

Два ротатора баннера на странице не работают
 
Доброй ночи.
Возникла проблема с размещением на странице двух ротаторов. При размещении кода для одного ротатора - он работает:

<script type="text/javascript">
var URL=new Array("a","b","c","d")

var image_ID=new Array("a1","b1","c1","d1")

var URL_2=new Array(""a","b","c","d")

var image_ID_2=new Array("a2","b2","c2","d2")

var banner=3
var last_banner=(URL.length-1)
var pause=5000
function Rotate() {
if (banner==last_banner) banner=0
else banner++
document.images["banners"].src=image_ID[banner]
document.getElementById("links").href=URL[banner]
window.setTimeout('Rotate()',pause);
}
Rotate()
</script>



Но при добавлении второго они оба показывают только первую картинку

.....
function Rotate() {
if (banner==last_banner) banner=0
else banner++
document.images["banners"].src=image_ID[banner]
document.getElementById("links").href=URL[banner]
document.images["banners_2"].src=image_ID_2[banner]
document.getElementById("links_2").href=URL_2[banner]
window.setTimeout('Rotate()',pause);
}
Rotate()
</script>


Вызов обоих:

<div align="center">
<a rel="nofollow" target="_blank" href="https://" id="links_2">
<img name="banners_2" src="/im/5_1.jpg">
</a>
</div>

<div align="center">
<a rel="nofollow" target="_blank" href="https://" id="links">
<img name="banners" src="/im/2_1.jpg">
</a>
</div>

Что не так? СПасибо

laimas 04.12.2020 06:52

var banner_data = [
    {url: [...], img: [...]},
    {url: [...], img: [...]},
    .... сколь угодно
];
//ФУНКЦИЯ ОДНА, ЕДИНСТВЕННАЯ!
function Rotate() {
   //обходом в цикле banner_data получать данные
   //и помещать их в div соответствующий текущей итерации цикла
}

рони 04.12.2020 08:04

goolybad,
измените название второй функции.
Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:
[html run]
... минимальный код страницы с вашей проблемой
[/html]

О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.


Часовой пояс GMT +3, время: 07:53.