Banner Rotator Skript

Scripte > Bildergalerien

Simples Banner-Rotationsscript

Dieses Banner-Rotationsskript schaltet automatisch die auf Ihrer Website angezeigten Anzeigen um, während die Seite angezeigt wird. Es kann mit Bildern und anderen Bannertypen umgehen, und es können zwei oder mehr Banner auf derselben Seite anzeigen. Dazu muss ein weiterer Scripbereich im HTML-Code oder auch ein weiterer HTML-Code im Body-Bereich angelegt werden und die Zuweisung banner1 in banner2 oder 3... umbenannt werden. Natürlich kann dieses Script auch für eine Bildergalerie genutzt werden. Beim Klick auf den Banner öffnet sich die jeweilige Webseite (oder bei einer Galerie das entsprechende Bild) in einem neuen Tab.

ZIP-Datei in ein beliebiges Verzeichnis auf dem PC entpacken und das Verzeichnis "wsX5Obj" auf den Webserver in das Root-Verzeichnis kopieren. HEAD-Code in den HEAD-Bereich <head>.....</head> und HTML-Code in den BODY-Bereich <body>.....</body> der aufrufende Datei einfügen.

Eine demo.html ist beigefügt, die zum Test in das Root-Verzeichnis des Webservers kopiert werden kann.

Aufruf: "http://www.domain.tld/demo.html". Diese kann auch durch einen Doppelklick ausgeführt werden.

x runter geladen

Code für den <HEAD> Bereich

Vor dem </HEAD> Tag

Code für den <BODY> Bereich

<script>

banner1 = new Banner('banner1');
// ("Art", "Pfad zum Image", Öffnungszeit in sec., Höhe des Banners, Breite des Banners, "Link des Banners")"
banner1.add("IMAGE", "wsX5Obj/Obj112_0/banner/logo_websiteX5.png", 5, 113, 450,"https://unofficialwsx5.de");
banner1.add("IMAGE", "wsX5Obj/Obj112_0/banner/logo_helpcenterX5.png", 5, 113, 450,"https://helpcenter.websitex5.com/de");
banner1.add("IMAGE", "wsX5Obj/Obj112_0/banner/logo_unofficialX5.png", 5, 100, 450,"https://unofficialwsx5.de");
banner1.add("IMAGE", "wsX5Obj/Obj112_0/banner/logo_modified-shop.png", 5, 138, 450,"https://www.modified-shop.org");
banner1.add("IMAGE", "wsX5Obj/Obj112_0/banner/logo_anydesk.png", 5, 90, 450,"https://anydesk.com");
banner1.add("IMAGE", "wsX5Obj/Obj112_0/banner/logo_teamviewer.png", 5, 131, 450,"https://www.teamviewer.com/de");
banner1.add("IMAGE", "wsX5Obj/Obj112_0/banner/logo_bigware.png", 5, 111, 450,"https://bigware.de");
banner1.add("IMAGE", "wsX5Obj/Obj112_0/banner/logo_hosteurope.png", 5, 131, 450,"https://www.hosteurope.de");
banner1.add("IMAGE", "wsX5Obj/Obj112_0/banner/logo_hinnendahl.png", 5, 109, 450,"https://www.hinnendahl.com");
document.write(banner1);
banner1.start();

</script>

</div>

Nach dem <BODY> Tag

Code Datei "style.css"

.Obj112_banner_hide { display:none; }

.Obj112_banner_show { display:block; }

» nach oben «