Bloquer l'ouverture des images

Lorsque l'on clique sur une image, celle-ci s'ouvre dans une fenêtre :

Ouverture d'une image après un clic dessusInformations[1]

Cela est gênant lorsqu'il s'agit de simples images d'illustration. Voyons comment inhiber cela.

ProcédureInhiber l'ouverture de l'image⚓

Procédure
  1. Editer l'image⚓

    Cliquez sur le crayon :

    Les outils d'édition sont en haut à droite de la ressourceInformations[2]
  2. Onglet « Présentation »⚓

    Rendez-vous dans l'onglet « Présentation » :

    Onglet de stylage
  3. Rubrique « Ressource »⚓

    Descendez jusqu'à la rubrique « Ressource » :

    Rubrique de stylage de la ressourceInformations[3]
  4. Ajout de la commande⚓

    Ajoutez la commande CSS[4] pointer-events: none; sur la ligne « Autres instructions CSS » :

    Ajout de l'instruction de blocage de l'ouvertureInformations[5]
    Et si il y a déjà quelque chose sur la ligne ?

    Si d'autres instructions existent déjà sur la ligne, il suffit d'ajouter la commande à la fin, après le point virgule :

    Les instructions sont séparées par des « ; »Informations[6]
  5. Fin⚓

    Cliquez sur le bouton Fermer

  6. Résultat

    Le clic sur l'image reste inactif, l'image ne s'ouvre plus

ComplémentTéléchargement⚓

Vous pouvez télécharger un projet d'exemple si vous le souhaitez