← Tous les exemples

Product Hunt : basculer les vignettes en niveaux de gris

Désature les vignettes du fil en un clic ; la couleur revient au survol d'une entrée.

Code à copier

// 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);
}

Comment utiliser cet exemple

1. Copiez le code avec le bouton ci-dessus.
2. Installez JustZix (2 minutes) et ouvrez l'extension sur la page cible.
3. Ajoutez une nouvelle règle correspondant à cette page.
4. Activez le panneau d'actions, ajoutez un bouton dans l'onglet Actions et collez-y le code — lancez-le en un clic.