Animation mit JavaScript?

[Janine17]

Hallo ihr lieben....

ich wollte eine Animation erstellen die von rechts nach links läuft, mit mehreren Logos. Ich dachte mir anfangs dieses wäre mit ImageReady ganz gut.

Allerdings sollen die Bilder anfangs grau sein und wenn man raufklickt farbig und mit einem Link versehen.

Dann hab ich überlegt es irgendwie mit JavaScript und mouseover zu machen. Doch irgendwie dreh ich mich im Kreis und komm nicht vorwärts.

Kann mir einer einen Tip geben wie ich das mache. Ob überhaupt mit JavaScript?!

 

[rest5]

AW: Animation mit JavaScript?

Mit einem JavaScript-Framework wie jQuery bekommst Du mölichkeiten wie diese:


Wenn Du die Logos umfärben willst empfiehlt sich möglicherweise tatsächlich eher eine animiertes Gif, wie du es mit ImageReady erzeugen kannst.

 

[sokie]

AW: Animation mit JavaScript?

Du kannst mit Javascript relativ problemlos Elemente von links nach rechts(oben,unten). gross/klein, transparent/opak animieren (also grob gesagt eigenschaften die es in CSS gibt). für Dinge vie farbe/schwarzweiss etc brauchst du mehrere Bilder.
eigene animationen lassen sich per javascriptframeworks (zB jQuery, Mootools, Glow, etc.) schnell realisieren.

 

[Janine17]

AW: Animation mit JavaScript?

Kannst du mir auch eine Seite nennen die für Anfänger geeignet ist. Ich hab mich zwar schon in HTMl,CSS,JavaScript eingelesen, allerdings sind das jetzt meine ersten Versuche und ich hab noch nicht die richtige Vorstellung dafür.....
Vlt. habt ihr ja ein paar gute Links....

Danke

 

[sokie]

AW: Animation mit JavaScript?

Die meissten Frameworks sind gut dokumentiert, und die Dokumentation mit Beispielen ist eine gute Stelle zum starten.
zB bei jQuery ist das Main Page - jQuery JavaScript Library. hier gibts einen "GETTING STARTED" Bereich mit Tipps Tricks und Tutorials. ausserdem haben wir einige Tutorials zu jQuery. für deinen Fall könnte dies interessant sein

 

[Janine17]

AW: Animation mit JavaScript?

Uff...so mit viel recherchieren und probieren hab ich es hinbekommen.
Das einzige was nur noch fehlt ist das wenn ich ein Logo berühre das die Animation stehen bleibt.

Mache ich das mit dem mouseover oder so?