<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="author" content="be">
<title>Der Super-Zoom 2</title>
<style type="text/css">
a:link { color: #FFFFFF;}
A:hover { color: #FF0000; text-decoration: none }
</style>
<
script type="text/
javascript">
var id, breite, schritt;
breite = 100;
schritt=0;
function vergroessern()
{
breite = breite + schritt;
if (breite > 100)
{
document.images[0].style.width = breite + "px";
}
else
{
clearInterval(id);
schritt=0;
}
}
function groesser()
{
if (schritt<=0)
{
if (schritt==-1)
{
clearInterval(id);
}
schritt = 1;
id = setInterval('vergroessern()', 1);
}
}
function kleiner()
{
if ((schritt>=0) && (breite > 100))
{
if (schritt==1)
{
clearInterval(id);
}
schritt = -1;
id = setInterval('vergroessern()', 1);
}
}
function stopp()
{
if (schritt!=0)
{
clearInterval(id);
schritt=0;
}
}
<
/script>
</head>
<body style="background-color:0038A7; color:#FFFFFF; background-image: url(http://
http://www.bilder-hochladen.net/files/1tys-1m.jpg);" onLoad="groesser()">
<h1 style="text-align:center;">Der Super-Zoom 2</h1>
<br><br>
<table>
<tr><td align="left">
<b>Zum Forum:</b> <a href="http:
//104774.homepagemodules.de/t65f31-Bilder-im-Forum-ansehen-mit-dem-Super-Zoom.html">
http://104774.homepagemodules.de</a><br> <b>Zur Homepage:</b> <a href="
http://www.future-andres.de">http://
http://www.future-andres.de</a>
</td></tr>
</table>
<table align="center">
<tr><td>
<br><br>
Mit der rechten Pfeiltaste läßt sich das Bild automatisch vergrößern (Tast-Verzögerung ca. 1Sekunde).<br>
Mit der linken Pfeiltaste läßt sich das Bild automatisch verkleinern (Tast-Verzögerung ca. 1Sekunde).<br>
Mit der Stopp-Taste wird die Automatik unterbrochen. <br><br>
</td></tr>
<tr><td align="center">
<form action="">
<p>
<input type="button" value="<" onClick="kleiner()">
<input type="button" value="Stopp" onClick="stopp()">
<input type="button" value=">" onClick="groesser()">
<br>
</p>
</form>
<p><img src="http://
http://www.bilder-hochladen.net/files/1tys-4f.gif" style="width:100px" alt="Der Super-Zoom"></p>
</td></tr>
</table>
</body>
</html>
Offline
