Ротатор баннеров - открытие ссылок в новом окне

[Admin]

В данной теме мы рассмотрим небольшую модификацию Скрипта простого ротатора баннеров.

Все началось из-за того, что в комментариях к скрипту сообщили об ошибке. Ошибка заключалась в том, что скрипт, указанный по ссылке выше, отказывался работать при попытке открыть ссылку в новом окне путем добавления target="_blank".

При клике по баннеру, открывалось новое окно, но вот только URL браузера содержал следующее: jdocument.location=(URL[banner])

Пришлось немного изменить наш ротатор баннеров, для того чтобы было возможно открывать ссылки в новом окне и вот что вышло (код целиком):

Код:

<div align="center">
<a target="_blank" href="news.php" id="links">
  <img name="banners" src="image/img_1.png">
</a>
</div>

<script type="text/javascript">
URL=new Array
  URL[0]="news.php"
  URL[1]="script.php"
  URL[2]="useful_site.php"
  URL[3]="statistics.php"

image_ID=new Array
  image_ID[0]="image/img_1.png"
  image_ID[1]="image/img_2.png"
  image_ID[2]="image/img_3.png"
  image_ID[3]="image/img_4.png"

var banner=3
var last_banner=(URL.length-1)
var pause=2000

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

[Mandon]

Здравствуйте.
Подскажите, пожалуйста, например установил код на странице (верх страницы) (все прекрасно работает), но когда добавляю этот же код еще в другом месте (подвал) на этой странице (баннеры и урлы меняю), начинают дублироваться баннеры (одни и те же) что показываются вверху то и в подвале.
Как сделать, чтобы показывались разные баннеры в разных местах.
Заранее огромное спасибо.

[Admin]

Тут все зависит еще от нескольких факторов. Например, если количество баннеров вверху и внизу одинаковое, и время смены тоже одинаковое, то можно сделать так:

Код:

<div align="center">
<a target="_blank" href="news.php" id="links">
   <img name="banners" src="image/img_1.png">
</a>
<a target="_blank" href="statistics.php" id="links_2">
   <img name="banners_2" src="image/img_1.png">
</a>
</div>

<script type="text/javascript">
var URL=new Array("news.php","script.php","useful_site.php","statistics.php")
var image_ID=new Array("image/img_1.png","image/img_2.png","image/img_3.png","image/img_4.png")

var URL_2=new Array("statistics.php","useful_site.php","script.php","news.php")
var image_ID_2=new Array("image/img_4.png","image/img_3.png","image/img_2.png","image/img_1.png")

var banner=3
var last_banner=(URL.length-1)
var pause=2000

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>