.holger
Lounge-Member
Code:
<html>
<head>
<title>Größenänderung überwachen</title>
<script type="text/javascript">
<!--
function Fensterweite()
{
if (window.innerWidth) return window.innerWidth;
else if (document.body && document.body.offsetWidth) return document.body.offsetWidth;
else return 0;
}
function Fensterhoehe()
{
if (window.innerHeight) return window.innerHeight;
else if (document.body && document.body.offsetHeight) return document.body.offsetHeight;
else return 0;
}
function neuAufbau()
{
if (Weite != Fensterweite() || Hoehe != Fensterhoehe())
window.history.go(0);
}
/*Überwachung von Netscape initialisieren*/
if(!window.Weite && window.innerWidth)
{
window.onresize = neuAufbau;
Weite = Fensterweite();
Hoehe = Fensterhoehe();
}
//-->
</script>
</head>
<body>
<script type="text/javascript">
<!--
/*Überwachung von MS Internet Explorer initialisieren*/
if(!window.Weite && document.body && document.body.offsetWidth)
{
window.onresize = neuAufbau;
Weite = Fensterweite();
Hoehe = Fensterhoehe();
}
//-->
</script>
<script type="text/javascript">
<!--
document.write("Weite: "+Weite +" Höhe: "+Hoehe);
document.write("<img src='BILD.jpg' width= "+Weite+" height= "+Hoehe+" alt='BILD'>");
//-->
</script>
</body>
</html>Der obenstehende Code soll folgendes machen:
Ein Bild (hier BILD.jpg) soll entsprechend der Bildschirmgrösse bzw. der Fenstergrösse des Benutzers angepasst werden.
Wer Verbesserungsvorschläge hat bitte auch sagen
BYE
Zuletzt bearbeitet:
