Bilder Javascripts

2 votes, average: 4,00 out of 52 votes, average: 4,00 out of 52 votes, average: 4,00 out of 52 votes, average: 4,00 out of 52 votes, average: 4,00 out of 5
(2 Bewertungen, ∅ 4,00 von 5)
Du musst eingeloggt sein um bewerten zu können.
Loading...

Hier findet ihr Javascripts, welche mit Bildern arbeiten oder auf Bildern basieren.

Es werden mittels Javascript auf eurer Homepage keine Bilder erzeugt, jedoch können mit den Javascripts in dieser Kategorie Bilder mit bestimmten Effekten versehen werden, welche manchmal (nicht immer 😉 ) durchaus nützlich sein können.

Bild per Eingabe verändern

4 votes, average: 4,00 out of 54 votes, average: 4,00 out of 54 votes, average: 4,00 out of 54 votes, average: 4,00 out of 54 votes, average: 4,00 out of 5
(4 Bewertungen, ∅ 4,00 von 5)
Du musst eingeloggt sein um bewerten zu können.
Loading...
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.

Rotierende Bilder

1 vote, average: 3,00 out of 51 vote, average: 3,00 out of 51 vote, average: 3,00 out of 51 vote, average: 3,00 out of 51 vote, average: 3,00 out of 5
(1 Bewertungen, ∅ 3,00 von 5)
Du musst eingeloggt sein um bewerten zu können.
Loading...
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.

Pulsierende Bilder

1 vote, average: 5,00 out of 51 vote, average: 5,00 out of 51 vote, average: 5,00 out of 51 vote, average: 5,00 out of 51 vote, average: 5,00 out of 5
(1 Bewertungen, ∅ 5,00 von 5)
Du musst eingeloggt sein um bewerten zu können.
Loading...
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.

Bildlaufleiste nach rechts

1 vote, average: 5,00 out of 51 vote, average: 5,00 out of 51 vote, average: 5,00 out of 51 vote, average: 5,00 out of 51 vote, average: 5,00 out of 5
(1 Bewertungen, ∅ 5,00 von 5)
Du musst eingeloggt sein um bewerten zu können.
Loading...
Die beliebte Bildlaufleiste findet ihr hier in der Version, in der die Bilder nach rechts statt nach links laufen.

Bildgröße verändern

6 votes, average: 3,50 out of 56 votes, average: 3,50 out of 56 votes, average: 3,50 out of 56 votes, average: 3,50 out of 56 votes, average: 3,50 out of 5
(6 Bewertungen, ∅ 3,50 von 5)
Du musst eingeloggt sein um bewerten zu können.
Loading...
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.

Fade Effekt

56 votes, average: 3,80 out of 556 votes, average: 3,80 out of 556 votes, average: 3,80 out of 556 votes, average: 3,80 out of 556 votes, average: 3,80 out of 5
(56 Bewertungen, ∅ 3,80 von 5)
Du musst eingeloggt sein um bewerten zu können.
Loading...
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 😉

zufällige Bilder

122 votes, average: 2,78 out of 5122 votes, average: 2,78 out of 5122 votes, average: 2,78 out of 5122 votes, average: 2,78 out of 5122 votes, average: 2,78 out of 5
(122 Bewertungen, ∅ 2,78 von 5)
Du musst eingeloggt sein um bewerten zu können.
Loading...
Von unserem User Freddus wurde uns ein Javascript geschickt, was alle x Sekunden das Bild auf eurer Homepage wechselt.

Aufblendendes Bild

167 votes, average: 3,23 out of 5167 votes, average: 3,23 out of 5167 votes, average: 3,23 out of 5167 votes, average: 3,23 out of 5167 votes, average: 3,23 out of 5
(167 Bewertungen, ∅ 3,23 von 5)
Du musst eingeloggt sein um bewerten zu können.
Loading...
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.

Rennender Hund

126 votes, average: 3,36 out of 5126 votes, average: 3,36 out of 5126 votes, average: 3,36 out of 5126 votes, average: 3,36 out of 5126 votes, average: 3,36 out of 5
(126 Bewertungen, ∅ 3,36 von 5)
Du musst eingeloggt sein um bewerten zu können.
Loading...
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.

Bildlaufleiste vertikal

159 votes, average: 3,43 out of 5159 votes, average: 3,43 out of 5159 votes, average: 3,43 out of 5159 votes, average: 3,43 out of 5159 votes, average: 3,43 out of 5
(159 Bewertungen, ∅ 3,43 von 5)
Du musst eingeloggt sein um bewerten zu können.
Loading...
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.

Fliegende Bilder

445 votes, average: 3,51 out of 5445 votes, average: 3,51 out of 5445 votes, average: 3,51 out of 5445 votes, average: 3,51 out of 5445 votes, average: 3,51 out of 5
(445 Bewertungen, ∅ 3,51 von 5)
Du musst eingeloggt sein um bewerten zu können.
Loading...
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.

Bildlaufleiste

490 votes, average: 3,88 out of 5490 votes, average: 3,88 out of 5490 votes, average: 3,88 out of 5490 votes, average: 3,88 out of 5490 votes, average: 3,88 out of 5
(490 Bewertungen, ∅ 3,88 von 5)
Du musst eingeloggt sein um bewerten zu können.
Loading...
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).

Bild per Mausklick ändern

442 votes, average: 3,49 out of 5442 votes, average: 3,49 out of 5442 votes, average: 3,49 out of 5442 votes, average: 3,49 out of 5442 votes, average: 3,49 out of 5
(442 Bewertungen, ∅ 3,49 von 5)
Du musst eingeloggt sein um bewerten zu können.
Loading...
Bei Klick auf das Bild wird ein anderes Bild an dieser Stelle geladen.

Bild per Mausklick im Popup öffnen

790 votes, average: 3,62 out of 5790 votes, average: 3,62 out of 5790 votes, average: 3,62 out of 5790 votes, average: 3,62 out of 5790 votes, average: 3,62 out of 5
(790 Bewertungen, ∅ 3,62 von 5)
Du musst eingeloggt sein um bewerten zu können.
Loading...
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.

Bildgröße per Klick ändern

270 votes, average: 3,39 out of 5270 votes, average: 3,39 out of 5270 votes, average: 3,39 out of 5270 votes, average: 3,39 out of 5270 votes, average: 3,39 out of 5
(270 Bewertungen, ∅ 3,39 von 5)
Du musst eingeloggt sein um bewerten zu können.
Loading...
Per Mausklick wird das Bild vergrößert, mit einem Klick auf den unteren Link wird das Bild in die ursprüngliche Größe gebracht.

Sticky Logo

333 votes, average: 3,42 out of 5333 votes, average: 3,42 out of 5333 votes, average: 3,42 out of 5333 votes, average: 3,42 out of 5333 votes, average: 3,42 out of 5
(333 Bewertungen, ∅ 3,42 von 5)
Du musst eingeloggt sein um bewerten zu können.
Loading...
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 🙂

Herzspirale

194 votes, average: 2,53 out of 5194 votes, average: 2,53 out of 5194 votes, average: 2,53 out of 5194 votes, average: 2,53 out of 5194 votes, average: 2,53 out of 5
(194 Bewertungen, ∅ 2,53 von 5)
Du musst eingeloggt sein um bewerten zu können.
Loading...
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.