JavaScript Das Auge soll blinken!

  • Themenstarter Themenstarter sprudelgehirn
  • Beginndatum Beginndatum
S

sprudelgehirn

Guest
Hallo ich möchte das ein Auge auf meiner Seite pulsierend blinkt,
und dabei noch den Farbton-Höhe und Tiefe verändert. Das Auge ist eine Grafik.
Wie könnte ich das anstellen? Oder bzw. kann jemand ein Script texten (Java-nix-verstehen)!XD
 
Mach es doch als Flash, Gif oder PNG-Animation :)

lG

Brabax
 
wird denn png animation schon von der breiten masse der browser supportet? afaik nich oder bin ich da nichmehr up to date?
 
Na wer fehlt?


Vorschlag:
Mach 'n APNG. Per JS prüfst du, ob du nen IE vor dir hast. Falls ja setzt du einfach in einer Endlosschleife mit Timer das Bild neu...
 
Diese Endlosschleife im IE laedt dann warscheinlich jedes mal das Bild neu und es wird nicht gut angezeigt.

Ich selbst achte bei meinen kleinen Seiten nicht auf IE-Kompatibilitaet, aber wenn dir das wichtig ist, wuerd ich beim alten .gif bleiben. Das kann der IE, es sieht recht gut aus und keiner aergert sich, weil er JS oder Flash deaktiviert hat.
 
Hi.
Wie wärs mit einer etwas ausgefallenen Kombination aus Java Script und CSS.
Das Bild müsste dann transparente Bereiche haben, der Hintergrund des <img> müsste dann per CSS festgelegt werden und könnte per Java Script sich laufend ändern. (Vermuttlich mit einer gewissen CPU Belastung. Ist allerdings ein theoretischer Ansatz, bin mir nicht 100% sicher ob das dann auch klappt)
Allerdings wäre die Variante mit einem animierten Bild die sicherste ^^

Gruß Snowflake
 
hi,

ich würde mich auch für ein gif entscheiden.
hab da mal schnell was gebastelt.

<--- (langeweile hat)

wenn ich dich richtig verstehe, soll es dann ungefähr so aussehen?

Auge.gif


dieses gif ist mit 15min aufwand erledigt. mit etwas mehr zeit bekommt man das besser hin.
es soll ja auch nur ein beispiel sein, damit du mal eine optische vorstellung von der gif variante hast.
hab jetzt das erstbeste bild von google genommen.

wenn du bei der gif variante hilfe brauchst, dann schreib ich dir den weg auf und die tools die du dafür brauchst...

ps. wer das gif brauch, es darf frei verwendet werden! :D

cu
-= pillepalle =
 
Zuletzt bearbeitet:
Zurück
Oben