Bilder Javascripts

Bei diesem Javascript könnt ihr die Größe und die Position eines von euch selbst festgelegten Bildes ändern. Dabei könnt ihr die Breite und Hohe sowie den Abstand von links und oben festlegen. Dabei wird die Ausgabe sofort geändert, wenn ihr etwas eingebt.

Bei diesem Javascript könnt ihr eine beliebige Anzahl verschiedener Bilder im Kreis rotieren lassen. Dabei könnt ihr nicht nur die Bilder und deren zugehörige Links, sondern auch die Geschwindigkeit, die Position, die Richtung und den Radius des Kreises am Anfang des Scripts ändern.

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 beliebte Bildlaufleiste findet ihr hier in der Version, in der die Bilder nach rechts statt nach links laufen.

Bei einem Klick auf das Bild könnt ihr ganz einfach die Bildgröße ändern, indem ihr die Maus bewegt. Bei einem weiteren Klick wird die Größe fixiert.

Von TimderMob kam ein Script für ein coolen Fade-Effekt. Dass heißt, wenn man über einen Banner (oder unverlinktes Bild) fährt erhellt sich das Bild... Einfach ausprobieren 😉

Von unserem User Freddus wurde uns ein Javascript geschickt, was alle x Sekunden das Bild auf eurer Homepage wechselt.

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.

Das folgende Javascript von unserem User Freddus (vielen Dank an dieser Stelle dafür) richtet sich an alle Hundeliebhaber mit eigener Homepage. Ein kleiner Hund läuft dabei von rechts nach links durch eure Homepage. Die Renngeschwindigkeit des Hundes könnt ihr dabei einstellen. Auch die Wartezeit, wie lange es dauert bis der Hund nach einem Durchlauf wieder auf der Homepage erscheint, kann eingestellt werden.

Dieses Javascript funktioniert ähnlich wie die andere Bildlaufleiste, allerdings werden die Bilder hier nicht horizontal, sondern vertikal gescrollt. Auch die Richtung (nach oben oder nach unten) ist im Script einstellbar über die Variable slidedir.

Dieses Javascript lässt die Bilder auf der Homepage umherfliegen. Gestartet wird das Script, indem man einfach auf den Link klickt. Es werden alle Bilder genommen, die irgendwo auf der Seite eingefügt sind.

Mit diesem erstklassigen Javascript könnt ihr eure eigene Bildlaufleiste erzeugen. Dazu müsst ihr die Bilder im Script noch anpassen (es muss der richtige Pfad zum Bild angegeben werden). Die entsprechende Stelle ist dazu markiert (einfach mal die ersten Zeilen in dem Javascript anschauen und ihr findet es von alleine).

Bei Klick auf das Bild wird ein anderes Bild an dieser Stelle geladen.

Das Bild wird auf der Seite klein (je nach gesetzter Grösse) angezeigt, und per Mausklick wird Das Bild in Originalgröße in einem anderen Fenster geöffnet.

Per Mausklick wird das Bild vergrößert, mit einem Klick auf den unteren Link wird das Bild in die ursprüngliche Größe gebracht.

Dieses Script setzt ein Logo oder ein Bild rechts unten auf die Seite. Dieses bleibt auch beim scrollen stets dort. Ändern könnt ihr das Bild, indem ihr den <img...> Tag einfach anpasst. Im Beispiel steht dort einfach nur smilie.gif 🙂

Eine schicke Herzspirale für alle Verliebten. Da dieses Javascript über die gesamte Seite geht (je nach Einstellung), und ihr natürlich die Möglichkeit haben sollt, den Javascript-Code problemlos für eure Homepage zu kopieren, ist die Demo mal wieder ausgelagert.