Miopasmo: Grafik in neuem Fenster öffnen.

Hallo,

ich habe folgendes Problem:

Ich möchte eine Übersicht mit vielen kleinen Fotos erstellen.
Mit einem Klick auf das jeweilige Foto soll es dann, z.B in einem neuen Fenster, größer dargestellt werden.
Wie kann ich das realisieren?
Muss ich für jedes Foto eine neue Seite erstellen, in der das Bild
eingebunden ist oder gibt es eine geeignetere Lösung??

Vielen Dank für die Hilfe,

Mit freundlichem Gruß,

Miopasmo

  1. Hallo,

    Wenn Du einen PHP- oder Perl-fähigen Server hast, kannst Du ja die Seite mit dem Foto dynamisch erzeugen: foto.html?nr=123 ruft dann Bild Nummer 123, also etwas das Bild 123.png bzw. 123.jpg (je nach Format).

    Das ganze kannst Du dann auch mit einem JavaScript aufpoppen lassen. Dazu findest Du hier im Forum eine Menge Infos.

    Heiner

    1. Vielen Dank für die schnelle und nette Hilfe!

  2. Hallo,

    es gibt viele möglichkeiten ...hier mal 3 varianten:

    1. bild in popup-fenster öffnen, mit eigener html

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

    <head><title>test</title>
    <script type="text/javascript">
    function oeffnefenster (url) {
     var fenster=window.open(url, "fenster1", "width=620,height=620,status=no,scrollbars=no,resizable=no");
     fenster.focus();
    }
    </script>
    </head>

    <body>
    <a href="bildgross.html" target="_blank" onClick="oeffnefenster(this.href); return false;"><img src="bildklein.jpg" border="0" alt=""></a>
    </body>

    2. bild in browser-fenster öffnen (wenn es dir ausreicht)

    <a href="bildgross.jpg" target="_blank"> <img src="bildklein.jpg" alt="" border="0"></a>

    3. http://drweb.de/programmierung/php_popup.shtml

    viel spass beim ausprobieren
    der vorteil von 1 und 3 ist ... du kannst die seite in der das bild verankert ist auch gestalten (bsp. hintergrundfarbe, button für "fenster schliessen",...)

    mfg NAG

    --
    signatur
  3. Hi,

    einfachste Lösung ohne jede Scriptsprache:

    kleines Bild mit Link auf großes Bild mit target="_blank". Also so:

    <a href="bild_gross.jpg" target="_blank"><img src="bild_klein.jpg" width="150px" height="75px" alt="Bild von ..."></a>

    Grüße,

    Ronny