← Alle Beispiele

Product Hunt: Graustufen-Vorschaubilder umschalten

Entsättigt mit einem Klick die Produkt-Vorschaubilder; beim Überfahren kehren die Farben zurück.

Code zum Kopieren

// Toggle grayscale product thumbnails to calm the feed
const ID = 'jz-prh-grayscale';
const old = document.getElementById(ID);
if (old) { old.remove(); }
else {
  const s = document.createElement('style');
  s.id = ID;
  s.textContent = '[data-test^="post-item"] img{filter:grayscale(100%)!important;transition:filter .2s}[data-test^="post-item"]:hover img{filter:none!important}';
  document.head.appendChild(s);
}

So verwendest du dieses Beispiel

1. Kopiere den Code mit der Schaltfläche oben.
2. Installiere JustZix (2 Minuten) und öffne die Erweiterung auf der Zielseite.
3. Füge eine neue Regel hinzu, die zu dieser Seite passt.
4. Aktiviere das Aktionspanel, füge im Tab Aktionen einen Button hinzu und füge den Code ein — starte ihn mit einem Klick.