Reactors
Зарегистрирован: 13.04.2008 Сообщения: 1
|
Добавлено: Вс Апр 13 2008 19:49 Заголовок сообщения: Баннер и RollOver |
|
|
Вообщем идея заключается в следующем:
На странице крутится циклическая картинка, типа баннер.
Ниже сделаны ссылки на другие картинки, то есть нажимаешь на ссылку появляется другая картинка на месте баннера, а баннер пропадает. Все это работает, не могу только баннер остановить, после появления нужной картинки, через некоторое время баннер снова начинает крутится. Помогите сделать так чтобы после клика на по нужной ссылке баннер снова не появлялся.
Вот то что у меня есть на сейчас:
<script language="JavaScript" type="text/javascript">
adImages = new Array ("images/banner1.jpg", "images/banner2.jpg", "images/banner3.jpg", "images/banner4.jpg", "images/banner5.jpg")
imgCt=adImages.length
firstTime=true
function rotate() {
if (document.images) {
if (firstTime) {
thisAd=Math.floor
((Math.random()*imgCt))
firstTime=false
}
else {
thisAd++
if (thisAd==imgCt) {
thisAd=0
}
}
document.pic.src=adImages[thisAd]
setTimeout ("rotate()", 3*1000)
}
}
if (document.images)
{
a1=new Image; a1.src="images/elega13.jpg";
a2=new Image; a2.src="images/elega12.jpg";
a3=new Image; a3.src="images/elega11.jpg";
}
function over(fir,sec) {
if (document.images) { document[fir].src = eval (sec+".src")
}
}
</script>
</head>
<body onload="rotate()">
<table border=0 cellpadding=0 cellspacing=0 width=680>
<tr height=15><td></td><td></td><td></td></tr>
<tr><td height=220 width=30></td><td><img src="images/banner1.jpg" name="pic" width=300 height=220 border=0></td><td valign=top></td></tr>
<tr><td width=30></td><td>
<table border=0 cellpadding=0 cellspacing=0 align=center width=40 height=40><tr>
<td class="brd1"><a href="#ElegaCrocoRed.htm" onClick="over('pic','a1')"><img src="images/elega13m.jpg" border=0></a></td>
<td width=3>.</td>
<td class="brd1"><a href="#ElegaCrocoTan.htm" onClick="over('pic','a2')"><img src="images/elega12m.jpg" border=0></a></td>
<td width=3>.</td>
<td class="brd1"><a href="#ElegaCrocoBlack.htm" onClick="over('pic','a3')"><img src="images/elega11m.jpg" border=0></a></td>
</tr></table>
</td>
<td width=350></td></tr>
<table>
</body> |
|