Zwerg: Grafik in "schönem Fenster"

Hallo!

Ich will die "Großansicht" einer Grafik, die sich
in einem neuen Fenster öffnen soll, wenn man die
Miniaturansicht anklickt, in einem etwas schönerem
Fenster, als das mit weißem Hintergrund öffnen.
Die Größe, Anzeige der Menüleiste etc. ist mir
egal, aber es sollte zumindest die Hintergrundfarbe
der übrigen Seiten haben und möglichst zentriert
angezeigt werden.
Ist dies mit HTML möglich, ohne dass ich jede
Grafik einzeln in eine HTML-Seite einbette und
auf diese Seite verlinke?
Wenn ja, wie ist das Stichwort für die Suche?
Vlt. target="name"? Da blick ich noch net so durch :-(
Oder muss ich das mit JavaScript machen?
Vlt. auch möglich mit PHP?
Wie sind hier die Stichwörter für die Suche?

Hoffe, dass wurde hier noch net gepostet, da mir
die Stichwörter gefehlt haben, konnte ich das nur
schwierig herausfinden.

Besten Gruß

Zwerg Alex

  1. Hallo Zwerg.

    Wie sind hier die Stichwörter für die Suche?

    Erleuchtung.

    Einen schönen Mittwoch noch.

    Gruß, Ashura

    --
    sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:} fl:( ss:) ls:[ js:|
    „It is required that HTML be a common language between all platforms. This implies no device-specific markup, or anything which requires control over fonts or colors, for example. This is in keeping with the SGML ideal.“
    [HTML Design Constraints: Logical Markup]
    1. Erleuchtung.

      Danke Ashura für die "Erleuchtung".
      Hatte zwar gehofft, dass ich ohne JavaScript auskomme, aber ich
      gehe mal davon aus, dass ich das vergessen kann :-(
      JavaScript Bildergalerien gibt es ja so einige im Netz, da
      werde ich mal noch bisserl suchen ... obwohl die Lightbox
      schon ganz ansehnlich ist.
      Einen angenehmen Start in den Donnerstag.

      Gruß
      Zwerg Alex

  2. Hallo!

    Ich will die "Großansicht" einer Grafik, die sich
    in einem neuen Fenster öffnen soll, wenn man die
    Miniaturansicht anklickt, in einem etwas schönerem
    Fenster, als das mit weißem Hintergrund öffnen.
    Die Größe, Anzeige der Menüleiste etc. ist mir
    egal, aber es sollte zumindest die Hintergrundfarbe
    der übrigen Seiten haben und möglichst zentriert
    angezeigt werden.
    Ist dies mit HTML möglich, ohne dass ich jede
    Grafik einzeln in eine HTML-Seite einbette und
    auf diese Seite verlinke?
    Wenn ja, wie ist das Stichwort für die Suche?
    Vlt. target="name"? Da blick ich noch net so durch :-(
    Oder muss ich das mit JavaScript machen?
    Vlt. auch möglich mit PHP?
    Wie sind hier die Stichwörter für die Suche?

    Hoffe, dass wurde hier noch net gepostet, da mir
    die Stichwörter gefehlt haben, konnte ich das nur
    schwierig herausfinden.

    Besten Gruß

    Zwerg Alex

    Hallo Zwerg Alex,

    das Problem kenne ich,
    ich habe da ein script für Dich, leider kenne ich den Autor nicht,
    aber ich denke das könnte Deine Wünsche abdecken. Erstelle eine javascriptdatei image.js:

    ########## das in die Javascript Datei ####################

    function OpenNewWindow(Picture,Breit,Hoch)
    {
    xsize = Breit+35;// Zusatz für Rand rechts und links
    ysize = Hoch+75; //Zusatz für Rand oben und unten - damit Button angezeit werden kann

    ScreenWidth = screen.width;
    ScreenHeight = screen.height;

    xpos = (ScreenWidth/2)-(xsize/2);
    ypos = (ScreenHeight/2)-(ysize/2);

    NewWindow=window.open("","Picture","height="+ysize+",width="+xsize+",scrollbars=no,resizable=no,top="+ypos+",left="+xpos+"");
     NewWindow.document.write ("<html><head><title>hmd-software ag");
     NewWindow.document.write ("</title></head>");
                  NewWindow.document.write ("<body bgcolor='#ffffff' onload='focus()'>");
     //NewWindow.document.write ("<body bgcolor='#cccccc'>");
     NewWindow.document.write ("<table align='center' border='0'><tr>");
     NewWindow.document.write ("<td align='center' valign='top'>");
     NewWindow.document.write ("<table border='0' bgcolor='#000000' cellpadding='0' cellspacing='1'><tr><td align='center'>");
     NewWindow.document.write ("<img src=");
     NewWindow.document.write (Picture);
     NewWindow.document.write (" border='0'>");
     NewWindow.document.write ("</tr></table>");
     NewWindow.document.write ("</td></tr><tr>");
     NewWindow.document.write ("<td align='center' valign='bottom'>");
     NewWindow.document.write ("<br><center><form><input type='button' value='Fenster schliessen' style='BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 9pt; PADDING-BOTTOM: 2px; BORDER-LEFT: #cccccc 1px solid; COLOR: #000000; PADDING-TOP: 2px; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #eeeeee; TEXT-DECORATION: none; ' onClick='self.close()'>");
     NewWindow.document.write ("</td></tr></table>");
     NewWindow.document.write ("</form></body></html>");
     NewWindow.document.close();
                  NewWindow.resizeTo(xsize,ysize);
    }

    #######################Javasript-aufruf im #############

    <head>
    <script language="JavaScript" type="text/JavaScript" src="../js/image.js"></script>
    </head>

    #######################Bildaufruf im Dokument#################

    <a href="javascript:OpenNewWindow('img/bildgross.gif,417,350)">
        <img src="img/bildklein.gif" width="185" height="140" border="0"></a>