Bilder in S/W darstellen

higginsa1

Hallo,
auf meiner Seite werden die Bilder in der Regel immer in S/W dargestellt, erst wenn man mit der Maus drüber fährt, werden diese in Farbe dargestellt.

Beispiel: https://budogemeinschaft.de/hapkido-august-2019-dan-lehrgang/

Bei einem Beitrag habe ich dies nicht geschafft, hier nutze ich Youtube Embedded und Foogalerie Album.

Jemand einen Tipp wie ich das hier trotzdem so hin bekomme?

https://budogemeinschaft.de/hapkido-sommerfahrt-zueschen-2019/

PS: das Titelbild ist kein Problem, ich habe es noch farbig gelassen, damit es zum Rest passt.

Werbepost

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

Sailor56

Versuche mal:

HTML

.tp-grid li img {
  filter: grayscale(100%);
  transition: all 0.5s;
}
.tp-grid li:hover img {
  filter: grayscale(0%);
  transition: all 0.5s;
}

higginsa1

perfekt, danke, für das Album funktioniert das, ich befürchte für die Youtube Einbindung geht das nicht?
Schön wäre auch wenn das Video Ausschlisslich mit einem Play Icon versehen wird, der Rest von dem Player sollte weg sein.

Sailor56

Zitat von higginsa1

..., ich befürchte für die Youtube Einbindung geht das nicht?
...

Das ist wohl wahr - ist eine komplett andere Baustelle. Habe es selbst noch nicht probiert und habe auch keine Ahnung ob es überhaupt so geht, aber im Netz habe ich ein Tutorial gefunden, dass dir vielleicht weiter hilft...
https://www.wpoptimus.com/775/add-change…deos-wordpress/

higginsa1

vielen Dank ich werde es mal ausprobieren, aber erst mal sieht es schon einheitlicher aus. Evtl. kann ich es auch mit Foogalerie einbinden, ich tüftel noch mal...

Nochmal Danke!

b3317133

Man könnte auch sowas in der Art für das YouTube Video nutzen:

Code

.entry-content iframe {
    -webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
         -o-filter: grayscale(100%);
            filter: grayscale(100%);
}
.entry-content iframe:hover {
    -webkit-filter: unset;
       -moz-filter: unset;
        -ms-filter: unset;
         -o-filter: unset;
            filter: unset;
}

Alles anzeigen

Für überhaupt erst Einblenden nach Klick kann man z.B. DSGVO-Plugins nutzen, dazu mehr siehe z.B. diverse Tutorials usw. via Google.

higginsa1

perfekt das funktioniert, so passt das Design zumindest zu den anderen Beiträgen, das I-Tüpfelchen wäre jetzt wenn bis auf den Play Button alles andere an Schrift/Symbole verschwindet

SirEctor

Dann müsstest du dich mal ein bisschen mit der Youtube-API beschäftigen:
https://developers.google.com/youtube/player…l=de#Parameters

higginsa1

Werde ich, besten Dank noch mal!

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Bilder in S/W darstellen

Jetzt mitmachen!