Image Carousell mit MouseOver Bildwechsel

rolfmarfels · 30. November 2020

Hallo zusammen,

ich verzweifel langsam.
Ich muss ein Image Carousell erstellen welches per Mouseover das Bild wo die Maus ist durch ein anderes ersetzt.
Wie man ein MouseOver macht ist schon klar. In HTML mit CSS kein Problem. Aber wie ich dies mit einem Carousell mit Navigationspfeilen und Responsive bewerkstelligen kann, dass weiß ich eben nicht.

Kennt einer von euch eine Lösung dazu? Ein Plugin was das inne hat? Die Carousell Plugins die ich so anschaue haben dieses Bildwechsel Feature nicht.

Danke & Gruß
Rolf

r23 · 30. November 2020

Zitat von rolfmarfels: ↑

Ich muss ein Image Carousell erstellen welches per Mouseover das Bild wo die Maus ist durch ein anderes ersetzt.
Wie man ein MouseOver macht ist schon klar. In HTML mit CSS kein Problem.
Klicke in dieses Feld, um es in vollständiger Größe anzuzeigen.

Wenn dies wirklich klar ist... nennst du die Mouseover Bilder einfach *_over

Im Carousell hast du eine Reihenfolge - 1,2 ,3 oder a,b,c. und hier tauscht du *einfach* das Bild durch das *_over Bild aus.

Zitat von rolfmarfels: ↑

Aber wie ich dies mit einem Carousell mit Navigationspfeilen und Responsive bewerkstelligen kann, dass weiß ich eben nicht.
Klicke in dieses Feld, um es in vollständiger Größe anzuzeigen.

Die Navigationspfeile liegen in der Regel als Layer auf dem Bild - ergo sollten diese keine Probleme bereiten.

Wenn du Responsive Bilder mit unterschiedlichen Größe hast - hilft dir der *_over weiter. Diese unterschiedlichen Bilder solltest du auch für den Mouseover zur Verfügung stellen.

WPDE.org

Image Carousell mit MouseOver Bildwechsel

rolfmarfels Active Member

r23 Well-Known Member

Nützliche Suchen

Image Carousell mit MouseOver Bildwechsel

rolfmarfels Active Member

r23 Well-Known Member