ich habe nun wirklich schon eine ganze weile gegoogelt und bin langsam ein wenig am verzweifeln…
Das ziel ist es, einen mouseover bei einem bild zu erzeugen, das nicht im hintergrund liegen soll. Der Code dafür ist dieser hier (der code funktioniert auch wunderbar)
Allerdings möchte ich nun einen fade in- /out einbauen, da der bildwechsel zwar funktioniert, aber sehr abrupt (und das sieht kacke aus^^).
Kann mir da jemand helfen?
Alles was ich im internet finde funktioniert lediglich mit javascript & co. Wenn mir jemand helfen könnte wäre ich sehr dankbar
Aber du wechselst ja das Bild. Das ist mit CSS schon nicht zu lösen, sondern mit Javascript
(was du ja mit „this.src=‚imgs/02.jpg‘;“ schon angewendet hast).
Also was mit CSS möglich wäre, ist das Bild auszufaden und wieder einzufaden.
Was du willst ist das aber nicht.
Du willst ja ein fadeout des Bildes, dann ein Wechsel des Bildes und dann wieder ein Fade-in oder nicht?
Also wenn man mit dem Cursor über das Bild geht soll es wechseln, und wenn der Cursor wieder weg geht wieder zum alten Ursprung zurück.
Das klappt wie gesagt auch wunderprächtig, nur eben das Fade Gedöns fehlt.
Gibt es eine Möglichkeit, das Script innerhab der Seite einzubinden, statt in einer externen Datei?
Zweitens weiss ich nicht, wie ich das Tag dann zuweisen soll…
mit <img src=„xxx.jpg“ style=„fade“> ?
Kann man das irgend wie machen?