Bilder per Popup öffen
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
befragen
bild
code
dank
effekt
einbringen
funktion
generator
geschrieben folgendes einbinden
hintergrund
http
kenntnis
leute
moderne elegante pop
paar
testen
url
versuchen
verwenden
-
Hi Leute,
ich möchte auf einer Homepage (in php geschrieben) folgendes Einbinden:
Ein Bild in Miniaturansicht und beim Klick öffnet sich die vergrößerte Version in einem Popup.
Wie kann ich das am besten umsetzten? Muss ich dazu Javascript verwenden? Es handelt sich um 6 Bilder.
Es gibts ja diese "modernen" Popup Funktionen wo das Bild dann elegant vergößert wird, evtl noch mit verdunkeltem Hintergrund: dafür wird dann wahrscheinlich Javascript pder Flash benötigt oder kann man das auch mit ein paar Code-Schnipseln einbringen?
Dankeschonmal!
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Die fertigen Skripts für diese moderne, elegante Pop-Up-Funktion gibts hier :
http://www.lokeshdhakar.com/projects/lightbox2/ -
teste sonst mal dieses skript
vielleicht hilft dir das weiter
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Unbenannt</title> <SCRIPT LANGUAGE="JavaScript"> <!-- Begin function Foto(img){ foto1= new Image(); foto1.src=(img); Controlla(img); } function Controlla(img){ if((foto1.width!=0)&&(foto1.height!=0)){ viewFoto(img); } else{ funzione="Controlla('"+img+"')"; intervallo=setTimeout(funzione,20); } } function viewFoto(img){ largh=foto1.width+20; altez=foto1.height+20; stringa="width="+largh+",height="+altez; finestra=window.open(img,"",stringa); } // End --> </script> </head> <body> <a href="javascript:Foto('http://www.google.de/intl/de_de/images/logo.gif')">Bild 1</a><br> <a href="javascript:Foto('http://p.ebaystatic.com/aw/pics/logos/logoEbay_x45.gif')">Bild 2</a><br> </body> </html>
-
guck' mal hier --> http://www.meine-erste-homepage.com/popup-generator.php
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage