Marktplatz Downloads Tutorials Forum

Designnation bietet auch:

Tutorial hinzufügen

Beliebte Links Weitere Optionen

Tutorial suchen

Titel

Schlüsselwörter

Ajax / Javascript Tutorial: Bild per Javascript vergrößern



Ranking: -1   Kommentare: 5   |   Bewertung: Keine Berechtigung!  

Vorwort


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


Schritt 1


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.

Schritt 2


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

Code:


<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>




Veröffentlicht von: dean
Veröffentlicht am: 16 Jun. 2005
Bookmarks: social bookmarking yigg it Linkarena Technorati Yahoo Mr. Wrong
Schlüsserwörter:

Kommentar(e) (5)


deleted_1300463630 sagt:

Du kannst natürlich rumexperimentieren sam, das dient nur als tutorial zur besseren verständlichkeit ;)

29 May. 2008 13:26:08 • Antworten


indexer sagt:

also ich finde die schwierigkeits einstufung etwas zu hoch...

davon abgesehen wüsste ich grade nicht wo man mal ein bild per javascript dynamisch verändert :(
dafür würde ich persönlich php empfehlen :)

24 Mar. 2006 17:50:37 • Antworten


dean sagt:

nur für ein Bild

:D click here ----> http://www.gwebspace.de/dean/screen-bild.bmp

16 Jun. 2005 14:25:11 • Antworten


sam sagt:

Sag mal, so wie ich das überblicke geht das doch nur für 1 Bild, oder? Nur für NameDesBildes, oder irre ich?
Müsste man Statt NameDesBildes nicht eine Variable benutzen?
Bzw Statt name des bildes nen Array mit allen bildern erstellen?
Weil wie soll JS sonst wissen, welche Bilder vergrößert werden sollen Oo

16 Jun. 2005 14:05:22 • Antworten


dean sagt:

sorry irgendwie doppelt gepostet, ich habe kam1 schon geschrieben das er die überflüßigen löscht, dieser wird bleiben *glaub ich*

16 Jun. 2005 13:53:52 • Antworten



Anfang

<<

1

>>

Ende

Kommentar eintragen


!! Jetzt kostenlos anmelden oder einloggen und mitdiskutieren!


Partner: • Designer in ActionFlash HilfeTutorials.dePixelio.deFlashstar BlogLizenzfreie Bilder