Jake: Bilder in PopUp-Vorlage anzeigen

SELF-Forum

Bilder in PopUp-Vorlage anzeigen

Jake
– Informationen zu den Bewertungsregeln

Hallo,

ich habe folgendes Problem:

von verschiedenen Seiten aus soll beim klick auf ein Bild dieses vergrößert in einem popup-fenster gezeigt werden.

dazu verwende ich:
<a href="#" onClick="window.open('../popup/bildgross.html','NewWindow', [...angabe zu position/abmessungen u.dgl...])"><img src="Images/Lageplan.gif" width="339" height="313" border="0"></a>

das popup enthält allgemeine infos (firmenlogo...), das (vergrößerte) bild sowie den bild-titel.

soweit so gut.

wie schon erwähnt gibt es mehrere seiten, die bilder zur vergrösserung enthalten.
wie ist es möglich, dass dafür nur eine popup-seite (bildgross.html) notwendig ist, auf der entsprechend das bild und der titel angezeigt werden, die von der "hauptseite" aus angefordert wurden (sozusagen eine variablen übergabe titel & bild an das popup).

Vielen Dank für die Tips!

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Bilder in PopUp-Vorlage anzeigen

    Der Dicki Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hallihallo!

    Man kann Variablenübergaben an eine URL mit dem Suchstring realisieren.

    Dazu ändert man unwesentlich die links folgendermaßen ab:

    <a href="#" onClick="window.open('../popup/bildgross.html?bild1.jpg&TiteldesBildes','NewWindow', [...angabe zu position/abmessungen u.dgl...])">

    Mehrere Variablen kann man demnach innerhalb eines Suchstrings durch das "&" voneinander trennen.

    Zum Auslesen packst Du in die popup.html noch ein kleines Javascript rein, welches folgendes tut:

    1. den Suchstring komplett aufteilen.
         wiewowas = document.location.search;

    2. Die Position des "&" innerhalb des "wiewowas" bestimmen:
         {link:http://selfhtml.teamone.de/javascript/objekte/string.htm#index_of]

    Der linke Teil vom "&" ist ja die BildURL, der rechte Teil ist der Bildtitel.

    1. Die BildURL auslesen: (den teil links von "&" bestimmen)
        <http://selfhtml.teamone.de/javascript/objekte/string.htm#substring}

    2. den rechten Teil von "wiewowas" bestimmen, und zwar ab der ersten Stelle nach dem "&":
         [link:http://selfhtml.teamone.de/javascript/objekte/string.htm#substring>
        in Verbindung mit
         http://selfhtml.teamone.de/javascript/objekte/string.htm#length

    3. Dafür sorgen, daß das Bild angezeigt wird:
         http://selfhtml.teamone.de/javascript/objekte/images.htm#src

    4. Den Dokumententitel ändern (Das war der rechte Teil von "wiewowas")
         [http://selfhtml.teamone.de/javascript/objekte/document.htm#title]
         (Funktioniert nur im NN und im IE! Alternativ kann man den Teil auch schön formatiert direkt über dem Bild ausgeben)

    5. Fertig.

    Ich hoffe, ich konnte Dir mit den vielen links ein Wenig helfen.....

    Viele liebe Grüße,
    Der Dicki

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln