Zufallsbanner 02
    
 Home • Bilder • Umleitung• Zufallsgrafik als Link Quellcode 

  Zufallsgrafik als Link 02

Script zur Anzeige einer Zufallsgrafik - ausgewählt aus einer Sammlung von bereitgestellten Grafiken. Die Grafik dient als Verweisfläche für den zugehörigen Link. Beispiel 02 mit der JavaScript-Datei im HEAD-Bereich.
Zufallsgrafik - eine von X Grafiken als Link

 Script überarbeitet - nun mit MouseOver-Text
Das Script kann man natürlich auch für Fotos einsetzen, um damit z.B. einen Zufallslink für eine von mehreren Fotosammlungen anzeigen zu lassen.

  • dieses JavaScript wählt aus den vorgegebenen Bannern zufällig eines aus
  • zeigt das Banner horizontal zentriert an
  • die Banner können unterschiedliche Größen haben
  • das Banner dient als Verweisfläche für den Link
  • die verlinkte Seite wird in einem neuen Fenster geöffnet
  • bei Mouseover wird ein Beschreibungstext angezeigt (neu)
  aktive Demo für die Zufallsgrafik:  

Zufallsgrafik als Link

Eine von 6 Grafiken

Zum Testen klicken Sie Reload

Ich habe das Script um die Anzeige eines Beschreibungstextes bei MouseOver erweitert.


   Aufwand zum Einbau in ihre Seiten:

  • JavaScript im Head-Bereich ihrer HTML-Datei notieren
  • Aufruf der Funktion im Body-Bereich notieren
  • Verweise für die Grafiken anpassen
  • Größenangaben für die Grafiken eintragen
  • zugehörige MouseOver-Texte eintragen
  • Links / URLs eintragen



   Aufruf der Funktion im Body-Bereich

Das Linkbanner / die Grafik wird in ihrer HTML-Seite an der Stelle angezeigt, wo sie den Aufruf der Funktion 'BildPlusText04()' notieren.
<script type="text/javascript" language="JavaScript">
<!--
zufallsbanner02();
//-->
</script>



   Wertezuordnung für Grafiken, URLs und MouseOver-Text

Für jedes Banner werden 5 Angaben eingetragen: Link-URL, Bild-URL, Breite, Höhe, MouseOver-Text

Auszug: 
if (zufall02==1) {
link_url="http://www.web-toolbox.net/imagedownload/";
banner_url="screen-out.gif";
width="150";
height="113";
TitelText = "7000 kostenlose Mini-Images für den Webmaster";
}

if (zufall02==2) {
link_url="http://www.web-toolbox.net/geilenkirchen/";
banner_url="screen-23.gif";
width="150";
height="113";
TitelText = "private Seite zur Stadt Geilenkirchen";
}

Element   Variable   ihre Angaben einsetzen
Linkadresse link_url Pfad/Dateiname  od.   http://www.domain.de
Bildadresse banner_url Pfad/Dateiname  od.   http://www.domain/grafik.gif
Breite width Wert in Pixel
Höhe height Wert in Pixel
Mousevoer-Text TitelText ihr Beschreibungstext





   Link-Verifikation

Der übliche Weg ist, die Banner der zu verlinkenden Seiten herunter zu laden und dann innerhalb ihrer Seitenstruktur darauf zu verweisen.

Wenn der Webmaster der Seite einverstanden ist, können sie direkt auf das Linkbanner der fremden Seite verweisen. Das gibt ihnen die Gewähr für die Existenz der Seite, solange die Grafik vom fremden Server noch abgerufen werden kann.

Wenn sie allerdings auf das Banner der fremden Seite z.B. mit der Angabe 
http://www.fremdedomain/unterordner/image.jpg  verweisen,
haben sie diese Vorteile:
  • es wird immer das aktuelle Banner angezeigt
  • sie haben eine Kontrolle ob die Seite noch online ist
  • keine Platzbelegung durch fremde Images

Nachteilig wäre es, wenn beim Abruf der Grafik vom fremden Server Zeitverzögerungen durch lange Antwortzeiten auftreten!



   Mehrfacheinsatz des Scripts

Wenn sie die Zufallsbanner auf mehreren Seiten anzeigen möchten, ist es wirtschaftlicher die Version 02-A mit einer exteren JS-Datei zu verwenden.

Lesen sie dazu zufallsbanner02a.htm











NACH OBEN