Roger: Sep. Fenster für Grafik

Hallo

Ich möchte eine Menge kleiner Bilder auf eine Seite packen. Beim anklicken soll das dementsprechende Bild in einem neuen fixem Fenster gross angezeigt werden. Beim klicken auf das grosse Fenster soll es wieder verschwinden.

Kann mir evtl. jemand einen Tip geben, wie ich sowas anzupacken muss?

Danke und Gruss
Roger

  1. ciao Roger

    http://selfhtml.teamone.de/javascript/objekte/window.htm#open

    schau dich da mal ein bischen um... bei weiteren fragen stehen wir (ich) gerne zur verfügung... ;-)

    grüsse Stephan

    ps: habe ich diesen link nicht schon vor ein paar tagen gepostet!? ;-)

  2. Hallo Roger

    Ich möchte eine Menge kleiner Bilder auf eine Seite packen. Beim anklicken soll das dementsprechende Bild in einem neuen fixem Fenster gross angezeigt werden. Beim klicken auf das grosse Fenster soll es wieder verschwinden.

    Viele kleine Bilder wollen erst mal ordentlich verteilt sein. Das kannst du entweder mit einer blinden Tabelle machen, wo in jeder Zelle eines der Bilder notiert wird, oder mit lauter absolut positionierten div's, die auch so eine Art Tabelle bilden, und innerhalb derer die Bilder notiert sind.
    (Blinde) Tabellen:
    http://selfhtml.teamone.de/html/tabellen/aufbau.htm
    Poxitionierte Bereiche:
    http://selfhtml.teamone.de/css/eigenschaften/positionierung.htm

    Um die Grafikreferenzen muss ein Link drumherum, denn es sollen ja Fenster mit Grossansichten der Bilder geoeffnet werden.
    Grafiken als Verweise:
    http://selfhtml.teamone.de/html/grafiken/verweise.htm

    Beim href-Attribut genuegt es aber nicht, einfach ein Linkziel anzugeben. Du willst ja, dass die Grafiken in geeignet grossen Fenstern angezeigt werden. Dazu brauchst du ein bischen JavaScript, naemlich einmal den Pseudo-Eventhandler javascript: und zum anderen die Methode window.open().
    javascript:
    http://selfhtml.teamone.de/javascript/sprache/eventhandler.htm#javascript
    window.open()
    http://selfhtml.teamone.de/javascript/objekte/window.htm#open

    Am besten legst du für jedes Bild, das in so einem Fenster angezeigt werden soll, eine eigene kleine HTML-Datei an. Diese oeffnest du dann  in dem jeweiligen Fenster. In der HTML-Datei notierst du im body-Bereich nur die Grafik, aber wieder mit einem Link drumherum. Und dessen href sollte lauten:
    href="javascript:self.close()"
    Damit kann der Anwender das Fenster durch Klick auf die Grafik wieder schliessen, so wie du es wolltest.

    viel Spass beim weiteren Selberforschen! ;-)

    viele Gruesse
      Stefan Muenz

    Um die Bilder in einem Fenster mit kontrollierter Groesse anzuzeigen