Ihr Artikel / Fensterbilder [IE|M|O]

von: David Mirzoian - dmfc.com
Bilder mit Beschreibung in einem Fenster anzeigen.
<script type="text/javascript">
function bigPhoto(indx, win_heght, win_width, img_tag, desc_str) {
  var win_wdth = win_width + 20;
  var win_hght = win_heght + 80;
  var fenster=window.open('','album' + indx,'width=' + win_wdth + ', height=' + win_hght);
  fenster.document.writeln('<html><head>');
  fenster.document.writeln('<title>' + window.document.title + '<\/title>');
  fenster.document.writeln('<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1">');
  fenster.document.writeln('<\/head>');
  fenster.document.writeln('<body>');
  fenster.document.writeln('<table width=' +win_wdth+ ' cellspacing=0 cellpadding=0 border=0>');
  fenster.document.writeln('<tr><td>' + img_tag + '<\/td><\/tr>');
  fenster.document.writeln('<tr><td align=center><br>' + desc_str + '<\/td><\/tr>');
  fenster.document.writeln('<\/table>');
  fenster.document.writeln('<\/body><\/html>');
  fenster.document.close();
} 

function getImgTag(file, alt) {
  return '<IMG src="' + file + '" border=1 alt="' + alt + '" />';
}
</script>

Das Bild wir so aufgerufen:

<a href="javascript:;"
 onClick="javascript:bigPhoto(1, 190, 190, getImgTag('grossesBild.jpg', 'Titel'), 'Bildbeschreibung' );">
 <img src="kleinesBild.jpg" width="90" height="90" border="0">
</a>