Gegen Bilderklau - Das Original (https://www.gegen-bilderklau.net/index.php)
- Design, Website, Copyright (https://www.gegen-bilderklau.net/board.php?boardid=80)
--- Homepagehilfe (https://www.gegen-bilderklau.net/board.php?boardid=27)
---- Homepagehilfe - Archiv (https://www.gegen-bilderklau.net/board.php?boardid=139)
----- [JS] Pop Up Bild ?! (https://www.gegen-bilderklau.net/thread.php?threadid=100406)


Geschrieben von Juprisca am 12.03.2007 um 22:27:

  Pop Up Bild ?!

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



Geschrieben von Gonzo am 13.03.2007 um 14:24:

 

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?



Geschrieben von Juprisca am 13.03.2007 um 17:27:

 

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...



Geschrieben von Gonzo am 13.03.2007 um 17:49:

 

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?



Geschrieben von Juprisca am 13.03.2007 um 20:24:

 

Perfekt, vielen Dank smile ) Genauso hab ich es mir vorgestellt smile


Forensoftware: Burning Board, entwickelt von WoltLab GmbH