|
| |
| unsere pfoten - über
uns - kirsten - internet |
Zoomen von Grafiken |
|
|
Durch ein wenig Javascript-Code im head einer html-Seite
kommt das Zoomen zustande:
|
Der Javascript-Code, der innerhalb
des <head>-tags eingesetzt werden muss:
<script language
="javascript">
var x=1; var y=1;
var maxx=452; var maxy=340;
function zoom(name){
eval("document."+name+".width=x")
eval("document."+name+".height=y")
if(x < maxx) { x = x + 10; }
if(y < maxy) { y = y + 10; }
setTimeout("zoom('"+name+"'),
25");
}
</script> |
Damit das Zoomen beim Laden der Seite gestartet wird,
muss das body-tag der Seite so aussehen:
| <body bgcolor="#ffffff"
onload="zoom('bild1',300,200)" topmargin="0"> |
Das Bild selbst wird wie folgt in die Seite integriert:
| <img src="http://www.kassel-inline.de/16pfotenfotos/2004/4-9-04/IMG_2637.jpg"
width="1" height="1" name="bild1"> |
Ihr könnt den rot markierten Text einfach kopieren,
in Eure Seite einsetzen und Ihr werdet feststellen,
dass es funktioniert ;-)
Wenn die Geschwindigkeit erhöht werden soll,
einfach den Wert des "setTimeout" verändern. |
|
|
|
