Hallo,
und ersteinmal ein super dankeschön an html-seminar.
Ich habe mir vor mehreren Monaten das Seminar heruntergeladen und dann tatsächlich meine erste kleine einfache Homepage erstellt.
Ganz herzlichen Dank für dieses "Homepage-Handbuch".
Nun zu meiner Frage.
Wie macht man das, daß man ein Bild anklickt und sich dieses Bild dann in einem Neuen Fenster in Großformat öffnet?
Ich weiß noch nicht mal, ob man das mit html, css oder sonwas macht 
Erstmal herzlich Willkommen.
Es gibt viele Möglichkeiten so etwas zu realisieren. Ich denke mal das was du willst ist einfach ein Link in Form eines Bildes. Da du es ja in einem neuen Fenster haben willst braucht der Link den Befehl 'target="_blank"'. Wenn du jetzt im selben Ordner das Bild mit dem Namen "bild.jpg" hast sollte es eigentlich so sein wie du es willst.
<a href="bild.jpg" target="_blank"><img height="200px" width="200px" src="bild.jpg"/></a>mfg[/code]
Da wirst du um Javascript nicht herum kommen:
<html><head><title>Test</title>
<script type="text/javascript">
function FensterOeffnen (Adresse) {
MeinFenster = window.open(Adresse, "Zweitfenster", "width=300,height=400,left=100,top=200");
MeinFenster.focus();
}
</script>
<a href="bild.jpg" onclick="FensterOeffnen(this.href); return false" ><img height="200px" width="200px" src="bild.jpg"/></a>Den Code für die Bildgröße kannst du dir selber zusammen googlen.
mfg
Hallo Frida,
mit </script> hat das rein Garnichts zu tun. Das onclick-ereignis ist wichtig. Als erstes musst du für jedes der 9 Bilder einen eigenen Link machen. Oder du veränderst das Script so das die javascript Funktion direkt in <img/> ist. Das hätte den Vorteil, dass es weniger Code ist, andererseits hat man nicht mehr den "Hand-" Cursor. Dabei muss man beim onclick-Ereignis das href durch src austauschen.
Variante 1:
<head>
<script type="text/javascript">
function FensterOeffnen (Adresse) {
MeinFenster = window.open(Adresse, "Zweitfenster", "width=300,height=400,left=100,top=200");
MeinFenster.focus();
}
</script>
</head>
<body>
<a onclick="FensterOeffnen(this.href);return false" href="bild1.jpg"><img height="200px" width="200px" src="bild1.jpg"/></a>
<a onclick="FensterOeffnen(this.href);return false" href="bild2.jpg"><img height="200px" width="200px" src="bild2.jpg"/></a>
<a onclick="FensterOeffnen(this.href);return false" href="bild3.jpg"><img height="200px" width="200px" src="bild3.jpg"/></a>
<a onclick="FensterOeffnen(this.href);return false" href="bild4.jpg"><img height="200px" width="200px" src="bild4.jpg"/></a>
<a onclick="FensterOeffnen(this.href);return false" href="bild5.jpg"><img height="200px" width="200px" src="bild5.jpg"/></a>
<a onclick="FensterOeffnen(this.href);return false" href="bild6.jpg"><img height="200px" width="200px" src="bild6.jpg"/></a>
<a onclick="FensterOeffnen(this.href);return false" href="bild7.jpg"><img height="200px" width="200px" src="bild7.jpg"/></a>
<a onclick="FensterOeffnen(this.href);return false" href="bild8.jpg"><img height="200px" width="200px" src="bild8.jpg"/></a>
<a onclick="FensterOeffnen(this.href);return false" href="bild9.jpg"><img height="200px" width="200px" src="bild9.jpg"/></a>
blablabla [..]
<img height="200px" width="200px" src="bild10.jpg"/>
<img height="200px" width="200px" src="bild11.jpg"/>
<img height="200px" width="200px" src="bild12.jpg"/>
</body>Variante 2:
<head>
<script type="text/javascript">
function FensterOeffnen (Adresse) {
MeinFenster = window.open(Adresse, "Zweitfenster", "width=300,height=400,left=100,top=200");
MeinFenster.focus();
}
</script>
</head>
<body>
<img onclick="FensterOeffnen(this.src); return false" height="200px" width="200px" src="bild1.jpg"/>
<img onclick="FensterOeffnen(this.src); return false" height="200px" width="200px" src="bild2.jpg"/>
<img onclick="FensterOeffnen(this.src); return false" height="200px" width="200px" src="bild3.jpg"/>
<img onclick="FensterOeffnen(this.src); return false" height="200px" width="200px" src="bild4.jpg"/>
<img onclick="FensterOeffnen(this.src); return false" height="200px" width="200px" src="bild5.jpg"/>
<img onclick="FensterOeffnen(this.src); return false" height="200px" width="200px" src="bild6.jpg"/>
<img onclick="FensterOeffnen(this.src); return false" height="200px" width="200px" src="bild7.jpg"/>
<img onclick="FensterOeffnen(this.src); return false" height="200px" width="200px" src="bild8.jpg"/>
<img onclick="FensterOeffnen(this.src); return false" height="200px" width="200px" src="bild9.jpg"/>
blablabla [..]
<img height="200px" width="200px" src="bild10.jpg"/>
<img height="200px" width="200px" src="bild11.jpg"/>
<img height="200px" width="200px" src="bild12.jpg"/>
</body>mfg
Oh man, super herzlichen Dank!!
Ich komm immer nur fünf-minuten-weise an den Rechner, immer, wenn das liebe Kind mich mal läßt 
(10 Monate).
Da hab ich so gut wie keine Zeit mich in irgendwas reinzuarbeiten.
Es ist mir schlicht weg ein Rätsel, daß ich es überhaupt geschaft hab ne kleine homepage zu schreiben (ausschließlich html, nix css). ich hab sowas noch nie vorher gemacht.
*stolz auf mich sleber sei*
Also noch mal super riesen Dank an Dich.
Funktionuckelt prima!
Jo kein Problem.
Ich kann dir noch <!-- m --><a class="postlink" href="http://www.webmaster-crashkurs.de/">http://www.webmaster-crashkurs.de/</a><!-- m --> ans Herz legen (auch von Axel, dem Ersteller der html-seminars). Da ich längere Zeit nix mit hml und css gemacht hatte, hab ich die Seite mal durchgearbeitet und war echt begeistert. Gerade die Videos waren gut gelungen. Danach könntest du dich ja selber an Javascript oder (was meiner Meinung nach nützlicher ist) PHP (<!-- m --><a class="postlink" href="http://www.php-kurs.com">http://www.php-kurs.com</a><!-- m -->) versuchen, da die Möglichkeiten von html und css sehr begrenz sind.
mfg
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!