Hallo.
Kamm man eine einzelne HTML-Seite anlegen und im Script (oder sonstwie) festlegen, welches Bild gerade angefordert wird?
So geht's:
----------
<html>
<head>
<title></title>
<style type="text/css">
<!--
body { font-family:"Courier New",monospace; font-size:10pt; }
//-->
</style>
<script type="text/javascript" language="JavaScript">
<!--
function show_image(img_name,img_source,img_width,img_height)
{
display_image = window.open("","image","width=" + img_width + ",height=" + img_height + ",location=no,menubar=no,resizable=yes,scrollbars=no,status=no,toolbar=no");
display_image.document.open("text/html");
display_image.document.writeln("<html>");
display_image.document.writeln("<head>");
display_image.document.writeln("<title>" + img_name + "</title>");
display_image.document.writeln("</head>");
display_image.document.writeln("<body marginwidth="0" marginheight="0" topmargin="0" leftmargin="0" style="margin:0px;">");
display_image.document.writeln("<img src="" + img_source + "" alt="" + img_name + "" width="" + img_width + "" height="" + img_height + "" border="0">");
display_image.document.writeln("</body>");
display_image.document.writeln("</html>");
display_image.document.close();
}
//-->
</script>
</head>
<body>
<h2>Bilder aus SELFHTML</h2>
<a href="http://selfhtml.teamone.de/grafik/anzeige/fotos/foto4.jpg" target="_blank" onClick="show_image('Foto','http://selfhtml.teamone.de/grafik/anzeige/fotos/foto4.jpg','600','480'); return false">Foto</a><br>
<a href="http://selfhtml.teamone.de/grafik/anzeige/cliparts/clip02.gif" target="_blank" onClick="show_image('Clipart','http://selfhtml.teamone.de/grafik/anzeige/cliparts/clip02.gif','100','143'); return false">Clipart</a><br>
<a href="http://selfhtml.teamone.de/grafik/anim_gif2.gif" target="_blank" onClick="show_image('Animated Gif','http://selfhtml.teamone.de/grafik/anim_gif2.gif','150','150'); return false">Animated Gif</a>
</body>
</html>
Der script-Bereich muss in den head der jeweiligen Seite und die Links müssen folgendes Schema haben:
<a href="Dateiname" target="_blank" onClick="show_image('Name des Bilds','Dateiname','Breite','Höhe'); return false">Verweistext</a>
Durch die Angabe eines hrefs, werden die Bilder auch angezeigt, wenn JavaScript nicht aktiviert ist.
Bei aktiviertem JavaScript verhindert das "return false", dass das Bild neben dem Popup auch noch in einem neuen Browserfenster geladen wird.
IE3 und NS2 ignorieren das "return false" und öffnen das Bild sowohl im Popup, als auch in einem neuen Browserfenster.
Des Weiteren hat Opera 5 (wahrscheinlich auch < 5) Probleme beim Laden der Bilder, weiß nich wieso. Mit Opera 6 funktioniert es aber.
Gruß
Norbert