Aufblendendes Bild

Und noch ein Javascript von unserem User Freddus.

Hier könnt ihr ein Bild eurer Wahl „aufzoomen“ lassen, d. h. zu Beginn ist das Bild auf eurer Homepage nicht sichtbar, aber es wächst innerhalb kurzer Zeit zu der eingestellten Größe.

Bei diesem Javascript könnt ihr drei Parameter einstellen: die Breite, die Höhe und die URL des Bildes. Sobald das Bild auf eurer Homepage geladen wurde, wird es aufgezoomt und bleibt in der eingestellten Größe auf eurer Homepage.

Als Beispiel habe ich hier mal einen Banner gewählt, um zu zeigen wie es aussieht 🙂

<!-- präsentiert von kostenlose-javascripts.de --> <script type='text/javascript'> <!-- // Script by Freddus // visit my site: http://www.friederklein.de ///////////////////// var hoehe = 60; // Original-Höhe des Bildes hier einstellen var breite = 468; // Original-Breite des Bildes hier einstellen var bildchen = "https://www.kostenlose-javascripts.de/images/banners/banner1.gif"; // Pfad zum Bild ///////////////////// var zaehler=0; function durchlauf(){ var pixels; document.getElementById("meinzoombild").height = document.getElementById("meinzoombild").height+hoehe/20; document.getElementById("meinzoombild").width = document.getElementById("meinzoombild").width+breite/20 if (zaehler<20){ setTimeout("durchlauf()",50); }// ende if zaehler++; }//ende durchlauf function initBild() { document.write('<div align="center">'); document.write('<img height="0" width="0" id="meinzoombild" src="'+bildchen+'" onload="durchlauf();">'); document.write('</div>'); } //--> </script> <br /> JavaScript von <a href="http://www.kostenlose-javascripts.de/javascripts/bilder/aufblendendes-bild/" target="_blank">kostenlose-javascripts.de</a> <br /> <script type="text/javascript">initBild();</script> <!-- präsentiert von kostenlose-javascripts.de -->