Hallo Rubi
Ich denke, dass Du besser die Nr. 5 nehmen solltest, da sich damit besser arbeiten lässt.
.
Zuerst erstellst Du von Deinem Bild eine Kopie verkleinerst diese per Grafikprogramm
prozentual auf Thumbnailgröße verkleinern (im folgenden Beispiel sind es H=120 und B=160).
Danach baust Du das Javascript in den Header der HTML-Seite ein.
Code:
<SCRIPT LANGUAGE="JavaScript">
<!--- Hide script from old browsers
function OpenNewWindow(cPicture,nWidth,nHeight,nBorder)
{
NewWindow=window.open("","NeuEins","HEIGHT="+nHeight+",WIDTH="+nWidth+",scrollbars=no,resizable=no,top=5,left=5");
NewWindow.document.write ("<HTML><HEAD><TITLE>");
NewWindow.document.write ("</TITLE></HEAD>");
NewWindow.document.write ("<BODY BGCOLOR='black'>");
NewWindow.document.write ("<P ALIGN=CENTER>");
NewWindow.document.write ("<FONT FACE='Arial' SIZE='+2' COLOR='White'>[B]");
NewWindow.document.write ("[/B]</FONT>");
NewWindow.document.write ("<IMG SRC=");
NewWindow.document.write (cPicture);
NewWindow.document.write (">");
NewWindow.document.write ("</P>");
NewWindow.document.write ("<center><FORM><INPUT TYPE='button' VALUE='Fenster zu' onClick='self.close()'>");
NewWindow.document.write ("</FORM></CENTER></BODY></HTML>");
NewWindow.document.write ("</BODY></HTML>");
NewWindow.document.close();
return false;
}
// end hiding from old browsers -->
</SCRIPT>
Der HTML-Code für die Anzeige des Originalbilds sähe dann so aus:
Zitat:[img]bild_klein.gif[/img]
Ich gehe davon aus, dass die HTML-Seite und beide Bilder (das Originalbild ist im gleichen Verzeichnis sind, ansonsten müsste bei
bild1_original.gif sowie
bild_klein.gif noch der Pfad angepasst werden.
Das würde dann beispielsweise so aussehen (HTML-Seite ist im Hauptverzeichnis, die Bilder im Verzeichnis "pictures"):
Zitat:[img]pictures/bild_klein.gif[/img]
Viel Erfolg!
Gruß Hulot
![[-]](https://forum.juergens-workshops.de/images/collapse.png)
