Grafik in "schönem Fenster"
Zwerg
- grafik
0 Ashura- javascript
0 Zwerg
0 hurti
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.
Wie sind hier die Stichwörter für die Suche?
Einen schönen Mittwoch noch.
Gruß, Ashura
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
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>