Auf Thema antworten 2026

JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.

Beitrag: <blockquote data-quote="martin22" data-source="post: 2665129">Hallo ihr lieben,ich habe nun wirklich schon eine ganze weile gegoogelt und bin langsam ein wenig am verzweifeln... <img src="/styles/default/xenforo/smilies/uhm.gif"  class="smilie" loading="lazy" alt=":(" title="Frown    :(" data-shortname=":(" />Seit einer stunde bin ich jetzt am suchen und komme auf keinen grünen zweig!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)[code]<img src="imgs/01.jpg" width="100%" height="30%"onmouseover="this.src='imgs/02.jpg';" onmouseout="this.src='imgs/01.jpg';">[/code]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 <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite1" alt=":)" title="Smile    :)" loading="lazy" data-shortname=":)" />Ich habe auch schon diesen Link hier gefunden <a href="https://www.w3schools.com/jquery/jquery_fade.asp" target="_blank">https://www.w3schools.com/jquery/jquery_fade.asp</a> aber das überfordert mich total <img src="/styles/default/xenforo/smilies/biggrin.gif"  class="smilie" loading="lazy" alt=":D" title="Big Grin    :D" data-shortname=":D" /> mit solchen sachen kenne ich mich nicht so gut aus, ich bin noch ein wenig neu auf dem gebiet.</blockquote> Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung: Wenn ▲ = 7, ▼ = 3, ◇ = 2 und die Summe von ▲ und ▼ durch ◇ geteilt wird, was ist das Ergebnis?