Du bist nicht angemeldet.

  • Anmelden
  • Registrieren

Otto50

Anfänger

Beiträge: 13

1

26.06.2005, 01:18

Bild per Javascript vergrößern

Mit Hilfe dieses Javascripts könnt ihr ein Bild zuerst ganz klein anzeigen und anschließend langsam auf seine Originalgröße wachsen lassen.

Am Anfang ist das Bild noch nicht zu sehen (die Höhe beträgt 0 Pixel).

Nach Ablauf von 250 Millisekunden wird die Funktion setTimeout(...) (außerhalb der Funktion Vergroessern(...)) aufgerufen und vergrößert das Bild alle 20 Millisekunden um einen Pixel.

Selbstverständlich kannst du mit den Aufrufzeiten experimentieren, um unterschiedliche Effekte zu erzielen.

---->Lege im HEAD-Bereich deiner Webseite folgendes Javascript an:<----

<html>
<head>
<script language="JavaScript">
<!--

var Hoehe = 0;

function Vergroessern()
{
Hoehe++;
document.NameDesBildes.height = Hoehe;
if(Hoehe<300)
{
window.setTimeout("Vergroessern();", 20);
}
}

window.setTimeout("Vergroessern();", 250);

//-->
</script>
<title>Bild per Javascript vergrößern</title>
</head>
<body>

<img height="0" name="NameDesBildes" src="bild.jpg">

</body>
</html>

Valle

Anfänger

Beiträge: 17

2

08.07.2005, 13:15

Yes.
Das tut ist geil.
Nicht unbedingt das mit dem Bild, aber ich hab grad die geile, mir vorher unbekannte timeout funktion kenne gelernt.
Danke

Thema bewerten