Image Carousell mit MouseOver Bildwechsel

  • 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

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren


  • 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.

    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.



    Aber wie ich dies mit einem Carousell mit Navigationspfeilen und Responsive bewerkstelligen kann, dass weiß ich eben nicht.

    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.

    Mit offenen Augen träumen

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!