Pulsierende Bilder

Wollt ihr eins oder mehrere Bilder auf eurer eigenen Homepage mal pulsieren lassen? Dann ist dieses Javascript von Super_Mario genau das richtige für euch.

Die Bilder müssen „gross_klein“ als name-Attribut haben, damit die Animation läuft. Funktioniert in allen Browsern, die das images-Objekt unterstützen.

Das folgende Bild ist ein Beispiel, damit ihr sehen könnt, wie das name-Attribut anzuwenden ist.

<img border=“0″ name=“gross_klein“ src=“https://www.kostenlose-javascripts.de/uploads/_melon.gif“ alt=“_melon.gif“ width=“117″ height=“117″ />

Dieses Bild muss vor dem eigentlichen Javascript (siehe Textbox unten) auf der Seite sein.

Einstellbar sind bei diesem Script die Geschwindigkeit des Pulses und die Zoomstufen.

<!-- präsentiert von kostenlose-javascripts.de --> <script type='text/javascript'> <!-- /* © Valentin Hammer Originalversion auf http://www.supermario.homepage.eu */ // Hier die Einstellungen für die Animation vornehmen var Geschwindigkeit = 100; var Anzahl_der_Zooms = 5; var Zoomen_in_Pixel = 2; // Ab hier nichts mehr ändern var Bilder_Zooms = new Array(); var wie_Zoomen = new Array(); function Bild_gross_klein() { if(document.images) { if(document.gross_klein) { if(document.gross_klein.length) { for(var i=0;i<document.gross_klein.length;i++) Bildgroesse_aendern(document.gross_klein[i],i); } else Bildgroesse_aendern(document.gross_klein,0); } window.setTimeout("Bild_gross_klein()",Geschwindigkeit); } } function Bildgroesse_aendern(Bild,Index) { var Breite = Bild.width; var Hoehe = Bild.height; if((Breite>0)&&(Hoehe>0)) { if(!Bilder_Zooms[Index]) Bilder_Zooms[Index] = 0; if(!wie_Zoomen[Index]) wie_Zoomen[Index] = 0; if(Bilder_Zooms[Index]>=Anzahl_der_Zooms) { if(wie_Zoomen[Index]==0) wie_Zoomen[Index] = 1; else wie_Zoomen[Index] = 0; Bilder_Zooms[Index] = 0; } Bilder_Zooms[Index]++; if(wie_Zoomen[Index]==0) { Breite += Zoomen_in_Pixel; Hoehe += Zoomen_in_Pixel; } else { Breite -= Zoomen_in_Pixel; Hoehe -= Zoomen_in_Pixel; } Bild.width = Breite; Bild.height = Hoehe; } } function initbgk() { window.setTimeout("Bild_gross_klein()",Geschwindigkeit); } //--> </script> <br /> JavaScript von <a href="http://www.kostenlose-javascripts.de/javascripts/bilder/pulsierende-bilder/" target="_blank">kostenlose-javascripts.de</a> <br /> <script type="text/javascript">initbgk();</script> <!-- präsentiert von kostenlose-javascripts.de -->