Два ротатора баннера на странице не работают
Доброй ночи.
Возникла проблема с размещением на странице двух ротаторов. При размещении кода для одного ротатора - он работает: <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> Что не так? СПасибо |
var banner_data = [ {url: [...], img: [...]}, {url: [...], img: [...]}, .... сколь угодно ]; //ФУНКЦИЯ ОДНА, ЕДИНСТВЕННАЯ! function Rotate() { //обходом в цикле banner_data получать данные //и помещать их в div соответствующий текущей итерации цикла } |
goolybad,
измените название второй функции. Пожалуйста, отформатируйте свой код! Для этого его можно заключить в специальные теги: js/css/html и т.п., например: [html run] ... минимальный код страницы с вашей проблемой [/html] О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting. |
Часовой пояс GMT +3, время: 05:14. |