Bildergalerie mit PopUps

mario_84

Lieutenant
Registriert
März 2004
Beiträge
616
Hallo,

hab schon vergeblich im Forum gesucht:-(

Ich möchte gerne eine Bildergalerie auf einer Homepage einbinden. Es sollen nur die Miniaturen zu sehen sein und wenn man diese anklickt soll sich ein eigenes Fenster öffnen. Soweit wär es ja auch für mich kein Problem, nur soll dieses Fenster nur das Bild beinhalten, keine Statusleisten wie bei den Exploren üblich und so...

Da ich aber leider auch keine richtige Ahnung von JavaScript (ist ja denke ich das Lösungsmittel) habe, wäre es sehr nett von euch mir den Code zu posten, den ich benötige und wie ich ihn einbinden muss.

Gruß
Mario

PS: bitte verständlich schreiben ;)
 
schau dir das Zip-Archiv an, dann sollte alles klar sein :)
 

Anhänge

  • popup.zip
    832 Bytes · Aufrufe: 459
Hmmm...danke für deine Antwort aber so rehct weiterhelfen tut mir das auch nicht.

Hättest du vielleicht was wo ich nur noch die Bilder einbinden muss?

Oder muss ich die popup.js nur in dem jeweiligen Ordner haben und dann meine Bilder einfach mit: <a href="javascript:popUp('popup.html', 'PopUp', 320, 240)">PopUp!</a> verlinken?
 
Du musst zuerst diese Zeile noch in deinen Code schreiben:
HTML:
<script language="JavaScript" src="popup.js" type="text/javascript"></script>
Dabei muss die Datei popup.js natürlich im gleichen Verzeichnis liegen, wie deine HTML-Datei.
Aufgerufen wird die Funktion mit
HTML:
<a href="javascript:PopUp('popup.html', 'PopUp', 320, 240)">PopUp!</a>
 
Wenn du ein wenig HTML/JS kannst, kannst Du dir das Script vom Quelltext meiner Site klauen (Link in der Sig.).
 
offensichtlich kann er weniger als ein wenig ;)

die folgende Zeile haust du in den <head>-Bereich deines HTML-Dokuments:
PHP:
<script language="JavaScript" src="popup.js" type="text/javascript"></script>

die Bildvorschau verlinkst du dann so:
PHP:
<a href="javascript:PopUp('deinbild.jpg', 'Die Überschrift des Fensters', BreitedesBildesinPixel, HöhedesBildesinPixel)">Dein Link!</a>
 
@Loopo
ja ich kann weniger als wenig (jedenfalls in dieser Hinsicht:-)

Es klappt auch schon fasst so wie ich es haben möchte nur noch eine winzige Sache.
Da ich nicht vom Text-Link das Fenster öffnen will:
Wie kann ich vom Bild verlinken? Also was muss ich statt Dein Link! reinschreiben?

ciao
Mario
 
dann schreib statt den Text den <img>-Tag rein:
PHP:
<a href="javascript:PopUp('deinbild.jpg', 'Die Überschrift des Fensters', BreitedesBildesinPixel, HöhedesBildesinPixel)"><img src="deinbild.jpg" border="0"></a>
 
Ach siehste...ich hatte die Klammern vergessen, da ist ja klar das es dann nur den Text angezeigt hat.

Vielen Dank für die Lösung des Problems.

*karmaverteil*
 
Zurück
Oben