Support Bereich Hier finden Sie Antworten auf alle Fragen zu Ihrem Xobor Forum.
Wählen Sie zunächst einen Hilfe-Bereich.

Die Fragestellung ist recht unpräzise und erlaubt diverse spekulative Lösungswege. Hier mal ein Tip:

https://www.fiedomedia.de/news/artikel/b...ieren-mit-css3/

MfG

@Djamila01 :

Ich glaube, du meinst so etwas:

Das ins CSS eintragen:

.container {
position:relative;
width:200px;
height:150px;
}
.container img {
position:absolute;
top:0;
left:0;
-webkit-transition: opacity 1.1s ease;
transition: opacity 1.1s ease;
}
.container:hover .bild1 {
opacity:0;
}
 

Und das in die Fußzeile (Bildadressen müssen noch eingefügt werden bei "src":

<div class="container">
<img class="bild2" src="bild2" alt="">
<img class="bild1" src="bild1" alt="">
</div>
 

Du kannst natürlich auch alles in die Fußzeile einbinden, aber dann musst du die Style-Anweisungen durch <style></style> entsprechend einfügen.

Der Vollständigkeit halber sei noch gesagt, dass du dir auch ein Plugin erstellen kannst. Dort fügst du den Code ein und kannst dann gleich das passende Template Element auswählen, wo das Ganze angezeigt werden soll.