[JS] Pop Up Bild ?!

Juprisca
Huhu,

Ich möchte auf meiner Homepage keine normale Galerie wo man auf Pfeilen nach rechts und links klicken kann, sondern:

Das Bild soll verkleinert dargestellt sein und wenn man dann drauf klickt soll es in großer Größe angezeigt werden Augenzwinkern In der Suche habe ich keinen Thread gefunden der dazu passt und jetzt hat mir meine Freundin einen Code gegeben der aber nicht funktioniert unglücklich Das kleine Bild wird angezeigt das große Bild jedoch nicht.

Weiß jemand warum nicht ?

-----------

<td width="20%">
<p align="center"><a href="java script:;"><img src="a1.jpg"
alt="Bitte klicken zur Großansicht"
onclick="JustSoPicWindow('b1.jpg','620','430','*Double Click to close screen*','#000000','hug image','0');return document.MM_returnValue"
align="middle" border="0"></font></a></p>
</td>

----------

a1 -> verkleinertes Bild
b1 -> großes Bild

----------

Wäre superlieb wenn mir jemand heflen könnte smile

LG Judith
Gonzo
Hallo,

also so ganz verstanden habe ich Deinen Wunsch nicht. Aber probiere doch mal diesen Code hier:

Zitat:

<body>

(... hier Dein anderer Code ...)


<script language="JavaScript">
function foto_gross (fotoName) {
fotoGross = "b1.jpg";
fotoName.src = fotoGross;
}
function foto_klein (fotoName) {
fotoKlein = "a1.jpg";
fotoName.src = fotoKlein;
}
</script>

<p><a onclick="foto_gross(foto)" onmouseout="foto_klein(foto)"><img src="a1.jpg" name="foto"> </a></p>

</body>


Was passiert?

Zuerst wird das kleine Foto (a1.jpg) angezeigt. Klickt der Benutzer nun auf dieses Foto, dann erscheint das große Foto b1.jpg. Geht der Mauszeiger von diesem Foto weg, dann erscheint wieder das kleine Foto.

Ok?
Juprisca
Das ist jetzt nicht ganz genau das was ich gesucht habe, aber kann ich sicher auch i-wo verwenden^^

Also das kleine Bild wird angezeigt und wenn ich auf das kleine Bild klicke dann soll sich ein PopUp Fenster mit dem Bild öffnen...
Gonzo
Verstehe,


dann mach das mal so:

Zitat:

<td width="20%">
<p>
<a onclick="window.open('b1.jpg','GROSSFOTO', 'width=620,height=430,left=50,top=20'); return false">
<img src="a1.jpg"> </a>
</p>
</td>


Gut so?
Juprisca
Perfekt, vielen Dank smile ) Genauso hab ich es mir vorgestellt smile