Zufälliges Bild bei klick öffnen

S

StorchRS

Hallo Leute,
ich habe ein kleines Problem wobei ich einfach nicht weiterkomme.

Ich habe ein Script welches zufällig ein Bild von einer Seite anzeigt:
Code: 
<html>
<head>
<script type="text/javascript">
<!--
function gen() {
  listengroesse = 3;
  zufallsbild = Math.round(Math.random()*listengroesse);
  var bilderliste = new Array(listengroesse);
  bilderliste[0] = "http://www.tutorials.de/images/avatars/noavatar.gif";
  bilderliste[1] = "http://www.tutorials.de/images/menupics/logoheader.gif";
  bilderliste[2] = "http://www.tutorials.de/images/off.gif";
  bilderliste[2] = "http://www.tutorials.de/images/specialsbox/findwithgnu.gif";
  bildurl = bilderliste[zufallsbild];
  document.getElementById("Bild").src = bildurl;
  return;
 }

//-->
</script>
</head>
<body onload="gen()">
<div align="center"><img id="Bild" onClick="Bild"></div>
</body>
</html>

Klappt auch wunderbar!
Nun möchte ich gerne das auf das Bild geklickt wird und das Bild nochmals im neuen Fenster geöffnet wird. Also mir fehlt der Befehl mit irgendwie
Code: 
<a href=....

Wisst ihr wie dieser lauten muss

Vielen vielen Dank für Eure Antworten, denn ich suche da schon seit langem ;)

Viele Grüße
 
Hallo,

du hast schon richtig Angefangen - die funkton kommt in den Headbereich:
Code: 
function Bild(img){
  var code = '<html><head></head><body>';
      code+='<img src="'+img+'"></body></html>';
  var newWindow = window.open('#','pic','height=300, width=300');
      newWindow.document.open();
      newWindow.document.write(code);
      newWindow.document.close();
}
dann kannst du es mit
Code: 
<img id="Bild"  onClick="Bild(this.src)">
verwenden. das Fenster kannst du mit den üblichen "window.open" Optionen noch anpassen.

bye
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück