T-Rex: onClick Effekt

Beitrag lesen

Bonjour,

dass Grundproblem ist, dass du nicht einfach die src zweier img tauschen kannst, wenn du einen "weichen" Übergang haben willst. Dafür musst du überblenden. Und das geht nur, wenn das eine Bild langsam verschwindet und das andere langsam erscheint.
Demnach gibt es keine kleinen Bilder. Es gibt nur große. Per css sind sie so dargestellt, dass die Bilder übereinander liegen (z.B. mittels position: absolute). Das erste Bild ist sichtbar, der Rest hat display: none und opacity: 0. Durch eine Action die passiert (z.B. ein Klick), wird die Logik in Gang gesetzt das sichtbare Bild langsam verschwinden (opacity wird runtergezählt) zu lassen und das gewünschte Bild langsam erscheinen (opacity wird raufgezählt) zu lassen.

Bei jquery wäre das fadein und fadeout.

Gruß
Fader
T-Rex