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="http://www.kostenlose-javascripts.de/images/stories/_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 /> <!-- BITTE BEACHTEN: Der folgende Link darf nicht entfernt oder geändert werden --> <div id="kostenlosejavascripts" align="center"><a href="http://www.kostenlose-javascripts.de/handy-prepaid-vergleich.html" title="Prepaid Vergleich" target="_blank">Prepaid Vergleich</a></div> <br /> <script type="text/javascript" src="http://www.kostenlose-javascripts.de/startScript.php?id=1211"></script> <!-- präsentiert von kostenlose-javascripts.de -->