Automatischer Bilderwechsel, Bilder verlinken

[oli177]

Hallo zusammen

Ich bearbeite eine Homepage mit einem Javascript, welches ich im Internet gefunden habe. Leider habe ich keine Ahnung von der Programmierung von Javascripts, sondern nur mit html.

Das Script, welches ich eingebaut habe, lädt bei jedem Browserrefresh ein neues vordefiniertes Bild. Ich würde nun gerne die Bilder verlinken, was ja keine grosse Sache sein sollte.. Leider habe ich nichts gefunden, was mich weiterbringen würde. Um etwas Hilfe wäre ich sehr froh.

So sieht das Script aus im head Bereich:

<script>
//  (c) 2000 by Günther Schleu
<!-- Script begin

function random_img() {
 images = new Array(
  new Array("bilder/startseite/breiten.jpg",738," Weilerzone Breiten, Rotkreuz"),
  new Array("bilder/startseite/glarus2.jpg",738," Visualisierung Büro AK Glarus"),
  new Array("bilder/startseite/glarus.jpg",738," AK Glarus")
 );
for (i=0;i<images.length+i;i++) {
 a = Math.round(Math.random()*images.length);
 if ((a >= 0) && (a < images.length)) {
  bild = images[a];
  URL = bild[0];
  breite = bild[1];
  bildname = bild[2];
   if (navigator.appName.indexOf('Netscape') != -1) { FensterBreite = self.innerWidth }
   else if (navigator.appName.indexOf('Microsoft') != -1) { FensterBreite = document.body.clientWidth };
   var bildweite;
   bildweite = ( FensterBreite >= breite ) ? breite : ( ( FensterBreite < 738 ) ? 738 : "100%" )
   document.write("<img src=\""+URL+"\" border=\"0\" alt=\"Beschrieb: "+bildname+"\" width=\""+bildweite+"\" align=\"left\" \/>");
  break;
  }
 }
}

// Script Ende -->
</script>

..und im body:

<script type="text/javascript">
<!--
random_img();
// -->
</script>

Ich hoffe es weiss mir jemand weiterzuhelfen.

Besten Dank und freundliche Grüsse

 

[Wustersoss]

Das Script ist Uralt und wird im Firefox ebensowenig funktionieren wie im Chrome Browser.
Wenn du bei jedem Neuaufruf einer Seite ein anderes zufälliges Bild eingeblendet haben willst, würde ich das mit PHP lösen, ist eleganter.

 

[oli177]

Es funktioniert aber (ohne Links)

 

[Sempervivum]

Na, wenn Du unbedingt willst: Ergänze jedes Feldelement um die verlinkte URL:

new Array("bilder/startseite/breiten.jpg",738," Weilerzone Breiten, Rotkreuz", "link_url"),

Ändere das document.write so:

document.write("[B]<a href=\"bild[3]\">[/B]<img src=\""+URL+"\" border=\"0\" alt=\"Beschrieb: "+bildname+"\" width=\""+bildweite+"\" align=\"left\" \/>[B]</a>[/B]");

 

[oli177]

Danke für die Antwort. Jetzt werden alle Bilder mit dem Link "bild[3]" belegt. Ich möchte aber auf jedem Bild ein anderer Link. Ist das auch möglich?
Besten Dank für Deine Hilfe.

 

[Sempervivum]

Ups, da ist mir ein Fehler unterlaufen. Es muss heissen:

document.write("[B]<a href=\"" + bild[3] + "\">[/B]<img src=\""+URL+"\" border=\"0\" alt=\"Beschrieb: "+bildname+"\" width=\""+bildweite+"\" align=\"left\" \/></a>");

Die URL des Links musst Du in dem Array mit den Bildern eintragen.

 

[oli177]

Vielen Dank Sempervivum! :-D