Du bist nicht angemeldet.
30.06.2005, 11:53
Bannerrotation mit JS
Folgendes Script ermöglicht es, viele Banner in einer Rotation laufen zu lassen. Dies bedeutet, es wird immer nur 1 Banner angezeigt, welcher aber nach einer festgelegten Zeitspanne wechselt. Das Script wird im HTML-Dokument direkt an die Stelle gesetzt, an der der Banner angezeigt werden soll, also zwischen <body> und </body>. Rot markierte Variabeln müssen geändert werden, grün markierte können geändert werden. Erklärungen zu den Variabeln findet ihr unter dem Script.
Hier das Script:
<SCRIPT LANGUAGE="JavaScript">
<!--
var imgs = new Array ("BannerImg1","BannerImg2","BannerImg3")
var lnks = new Array ("BannerUrl1","BannerUrl2","BannerUrl3")
var altimg = new Array ("BannerAlt1","BannerAlt2","BannerAlt3")
var currentAd = 0
var imgCt = 3
function cycle() {
currentAd++
if (currentAd == imgCt) {
currentAd=0
}
document.adBanner.src=imgs[currentAd]
document.adBanner.alt=altimg[currentAd]
adLink.href=lnks[currentAd]
setTimeout("cycle()",10 * 1000)
}
//-->
</SCRIPT>
<a href="BannerUrl1" name="adLink" target="_blank"><img src="BannerImg1" name="adBanner" border="0" width="468" height="60"></a>
<SCRIPT LANGUAGE="JavaScript">
<!--
cycle()
//-->
</SCRIPT>
Erklärung zu den Variabeln:
BannerUrl1,2,3: Link zum Ziel des Banners
BannerImg1,2,3: Bild (Grafik) des Banners
BannerAlt1,2,3: Text, der angezeigt wird, wenn sich der Mauszeiger über dem Banner befindet
3: Anzahl der Banner in der Rotation
10: Anzeigezeit des Banners in Sekunden
_blank: bei klick öffnet sich das Ziel in neuem Fenster
0: Rahmen um den Banner (0=nein, 1=ja)
468: Breite der Grafik des Banners
60: Höhe der Grafik des Banners
Viel Sapß beim rotieren!
Hier das Script:
<SCRIPT LANGUAGE="JavaScript">
<!--
var imgs = new Array ("BannerImg1","BannerImg2","BannerImg3")
var lnks = new Array ("BannerUrl1","BannerUrl2","BannerUrl3")
var altimg = new Array ("BannerAlt1","BannerAlt2","BannerAlt3")
var currentAd = 0
var imgCt = 3
function cycle() {
currentAd++
if (currentAd == imgCt) {
currentAd=0
}
document.adBanner.src=imgs[currentAd]
document.adBanner.alt=altimg[currentAd]
adLink.href=lnks[currentAd]
setTimeout("cycle()",10 * 1000)
}
//-->
</SCRIPT>
<a href="BannerUrl1" name="adLink" target="_blank"><img src="BannerImg1" name="adBanner" border="0" width="468" height="60"></a>
<SCRIPT LANGUAGE="JavaScript">
<!--
cycle()
//-->
</SCRIPT>
Erklärung zu den Variabeln:
BannerUrl1,2,3: Link zum Ziel des Banners
BannerImg1,2,3: Bild (Grafik) des Banners
BannerAlt1,2,3: Text, der angezeigt wird, wenn sich der Mauszeiger über dem Banner befindet
3: Anzahl der Banner in der Rotation
10: Anzeigezeit des Banners in Sekunden
_blank: bei klick öffnet sich das Ziel in neuem Fenster
0: Rahmen um den Banner (0=nein, 1=ja)
468: Breite der Grafik des Banners
60: Höhe der Grafik des Banners
Viel Sapß beim rotieren!
