APNGS Statische Thumbnail anzeigen bis man darüber hovert

    Guten Tag,
    Ich habe mich gefragt ob es eine möglichkeit gibt für APGNs (Animierte PNG) ein Vorschaubild anzuzeigen und das wirklich animierte Bild erst dann nachzuladen wenn man darüber hovert. Ich wäre dankbar für Plugin vorschlänge

    MFG

    • Gerade eben
    • 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

    Das ginge zum Beispiel über background-image. Du könntest für die Pseudo-Class :hover ein anderes Bild wählen als für das normale Element.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

    ganz grob:

    Code
    .deineClass{background-image:url('pfad/deinImg.jpg');
.deineClass:hover{background-image:url('pfad/deinImg.png');

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

    Ok. Danke für die schnelle Antwort ich werde mich da mal ein wenig einlesen müssen. Wichtig ist aber das die Animierten APNGs wirklich nur dann nachgeladen werden wenn man Hovert und nicht generell alle. Ich müsste dann hier den Code ersetzten oder?
    [Blockierte Grafik: https://www.answerd.de/wp-content/uploads/2019/10/cssclass.png]

    2 Mal editiert, zuletzt von Tobiasp (10. Oktober 2019 um 23:31)

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden