Ajouter un lien cliquable sur une image d'un carrousel d'ima
Justin -
Bonjour,
Je cherche à modifier le code suivant de l'élément "Caroussel d'images" de elementor afin de pouvoir cliquer sur chaque image du carrousel pour rediriger vers des catégoris de mon site :
<figure><img src="https://www.cbde.fr/wp-content/uploads/2022/07/Posologie-huile-300x300.jpg" alt="Posologie-huile" /></figure><figure><img src="https://www.cbde.fr/wp-content/uploads/2022/07/MANUCURE-300x300.png" alt="MANUCURE" /></figure><figure><img src="https://www.cbde.fr/wp-content/uploads/2022/07/COMMERCIAL-300x300.png" alt="COMMERCIAL" /></figure><figure><img src="https://www.cbde.fr/wp-content/uploads/2022/07/DSCF4044-300x300.jpg" alt="DSCF4044" /></figure><figure><img src="https://www.cbde.fr/wp-content/uploads/2022/07/DSCF4376-300x300.jpg" alt="DSCF4376" /></figure>
Lorsque j'applique le code suivant sur l'une des images, cela me casse ma page et mon carrousel :
<figure><a href="https://www.cbde.fr/fleurs-de-cbd/"><img src="https://www.cbde.fr/wp-content/uploads/2022/07/Posologie-huile-300x300.jpg" alt="Posologie-huile" />
</figure></a>
Une idée du code à appliquer pour arriver à mes fins ? Même si c'est possible par du CSS par exemple.
Merci à vous,
Justin
Windows / Chrome 103.0.0.0
- Transformer une image en lien cliquable
- Lien url - Guide
- Transformer une image en icone - Guide
- Créer un lien pour partager des photos - Guide
- Verificateur de lien - Guide
- Transformer un photo simple en un lien - Forum Windows
2 réponses
Hello, je n'ai pas mon pc donc je ne peux pas trop chercher comment modifier le CSS pour que cela fonctionne mais cependant un correctif simple serait d'utiliser JavaScript avec la fonction onclick
Exemple :
onclick="location.href='pageurl.html';"
Ce qui fait que l'on se retrouverait avec quelques choses de ce genre :
<figure> <img onclick="location.href='https://www.cbde.fr/fleurs-de-cbd/';" src="https://www.cbde.fr/wp-content/uploads/2022/07/Posologie-huile-300x300.jpg" alt="Posologie-huile" /> </figure>
