nicht angemeldet
Hab noch eine Fräge. Ich arbeite an einer Fun Bilder Gallery und habe so einen Script, wo ich immer angeben musste wie groß das Bild ist, damit ich ein Popupfenster in der größe öffnen kann. ich würde aber gern, da mir das zu aufwendig ist, den Script so verändern, das er von allein weiß, wie grof das Bild ist. Hier ist ein Beispiel Quelltext:
<html>
<head>
<title>Fun Bilder</title>
<link rel="stylesheet" type="text/css" href="http://www.world4free.net/style.css">
<meta http-equiv="Content-Style-Type" content="text/css">
<script language=javascript>
var fensterid = null;
function zeige_bild (bildurl, bildbreite, bildhoehe, bildname, bgoption)
{
screenbreite = screen.width;
screenhoehe = screen.height;
bildbreite = bildbreite + 20;
bildhoehe = bildhoehe + 30;
if (fensterid)
{
fensterid.close ();
}
if (screenbreite<bildbreite || screenhoehe<bildhoehe)
{
fensterid = window.open ('about:blank', 'World4free', "dependent=yes,toolbar=no,location=no,directories=no,status=no,scrollbars=yes,resizable=yes,copyhistory=no,width=" + (screenbreite-100) + ",height=" + (screenhoehe -100) + ",left=0,top=0");
}
else
{
xoffset = (screenbreite - bildbreite) / 2;
yoffset = (screenhoehe - bildhoehe) / 2;
fensterid = window.open ('about:blank', 'World4free', "dependent=yes,toolbar=no,location=no,directories=no,status=no,scrollbars=yes,resizable=no,copyhistory=no,width=" + bildbreite + ",height=" + bildhoehe + "," + "left=" + xoffset + ",top=" + yoffset);
}
fensterid.document.open ();
fensterid.document.write ('<html><head><title>' + bildname + '</title></head>');
fensterid.document.write ('<body ' + bgoption + '><a href="javascript:self.close()"><div align="center"><img src="' + bildurl + '" border="0" alt="Zum Schließen bitte klicken"></div></a></body></html>');
fensterid.document.close();
fensterid.focus();
}
</script>
</head>
<body>
<div align="center">
<script type="text/javascript">
<!--
with(document) {
open();
write("<h1>" + title + "</h1>");
close();
}
//-->
</script>
<img src="../../../../images/linie.gif">
<br>
<br>
<a href="javascript:zeige_bild ('001.jpg', 520, 480, 'Fun Bilder', 'bgcolor=#000000')"><img src="001.jpg" height="100" width="100" border="0"></a>
<a href="javascript:zeige_bild ('002.jpg', 550, 650, 'Fun Bilder', 'bgcolor=#000000')"><img src="002.jpg" height="100" width="100" border="0"></a>
<a href="javascript:zeige_bild ('003.jpg', 470, 313, 'Fun Bilder', 'bgcolor=#000000')"><img src="003.jpg" height="100" width="100" border="0"></a>
<a href="javascript:zeige_bild ('004.jpg', 434, 588, 'Fun Bilder', 'bgcolor=#000000')"><img src="004.jpg" height="100" width="100" border="0"></a>
<a href="javascript:zeige_bild ('005.jpg', 470, 600, 'Fun Bilder', 'bgcolor=#000000')"><img src="005.jpg" height="100" width="100" border="0"></a><br>
<a href="javascript:zeige_bild ('006.jpg', 466, 301, 'Fun Bilder', 'bgcolor=#000000')"><img src="006.jpg" height="100" width="100" border="0"></a>
<a href="javascript:zeige_bild ('007.jpg', 415, 312, 'Fun Bilder', 'bgcolor=#000000')"><img src="007.jpg" height="100" width="100" border="0"></a>
<a href="javascript:zeige_bild ('008.jpg', 461, 404, 'Fun Bilder', 'bgcolor=#000000')"><img src="008.jpg" height="100" width="100" border="0"></a>
<a href="javascript:zeige_bild ('009.jpg', 470, 293, 'Fun Bilder', 'bgcolor=#000000')"><img src="009.jpg" height="100" width="100" border="0"></a>
<a href="javascript:zeige_bild ('010.jpg', 420, 330, 'Fun Bilder', 'bgcolor=#000000')"><img src="010.jpg" height="100" width="100" border="0"></a><br>
<a href="javascript:zeige_bild ('011.jpg', 419, 646, 'Fun Bilder', 'bgcolor=#000000')"><img src="011.jpg" height="100" width="100" border="0"></a>
<a href="javascript:zeige_bild ('012.jpg', 394, 573, 'Fun Bilder', 'bgcolor=#000000')"><img src="012.jpg" height="100" width="100" border="0"></a>
<a href="javascript:zeige_bild ('013.jpg', 769, 502, 'Fun Bilder', 'bgcolor=#000000')"><img src="013.jpg" height="100" width="100" border="0"></a>
<a href="javascript:zeige_bild ('014.jpg', 381, 474, 'Fun Bilder', 'bgcolor=#000000')"><img src="014.jpg" height="100" width="100" border="0"></a>
<a href="javascript:zeige_bild ('015.jpg', 396, 424, 'Fun Bilder', 'bgcolor=#000000')"><img src="015.jpg" height="100" width="100" border="0"></a><br>
<a href="javascript:zeige_bild ('016.jpg', 652, 471, 'Fun Bilder', 'bgcolor=#000000')"><img src="016.jpg" height="100" width="100" border="0"></a>
<a href="javascript:zeige_bild ('017.jpg', 340, 438, 'Fun Bilder', 'bgcolor=#000000')"><img src="017.jpg" height="100" width="100" border="0"></a>
<a href="javascript:zeige_bild ('018.jpg', 406, 384, 'Fun Bilder', 'bgcolor=#000000')"><img src="018.jpg" height="100" width="100" border="0"></a>
<a href="javascript:zeige_bild ('019.jpg', 520, 353, 'Fun Bilder', 'bgcolor=#000000')"><img src="019.jpg" height="100" width="100" border="0"></a>
<a href="javascript:zeige_bild ('020.jpg', 701, 514, 'Fun Bilder', 'bgcolor=#000000')"><img src="020.jpg" height="100" width="100" border="0"></a><br>
<a href="javascript:zeige_bild ('021.jpg', 620, 415, 'Fun Bilder', 'bgcolor=#000000')"><img src="021.jpg" height="100" width="100" border="0"></a>
<a href="javascript:zeige_bild ('022.jpg', 320, 450, 'Fun Bilder', 'bgcolor=#000000')"><img src="022.jpg" height="100" width="100" border="0"></a>
<a href="javascript:zeige_bild ('023.jpg', 363, 259, 'Fun Bilder', 'bgcolor=#000000')"><img src="023.jpg" height="100" width="100" border="0"></a>
<a href="javascript:zeige_bild ('024.jpg', 299, 417, 'Fun Bilder', 'bgcolor=#000000')"><img src="024.jpg" height="100" width="100" border="0"></a>
<a href="javascript:zeige_bild ('025.jpg', 620, 417, 'Fun Bilder', 'bgcolor=#000000')"><img src="025.jpg" height="100" width="100" border="0"></a>
</div>
</body>
</html>
Bitte helft mir!!!
Danke