Actuellement, je développe un site WordPress. Je dois relier une page à l'aide de l'image (oncclick Event => Rediriger vers une autre page. Cependant, il a déjà lié à l'aide d'un texte sur l'image.
<div class="img-one">
<img class="alignnone size-full wp-image-1303" src="image-source" alt="" width="850" height="1250" />
<div class="adventure-link">
<a href="page-link">Topic</a>
</div>
</div>
4 Réponses :
Vous pouvez ajouter l'attribut OnClick à l'image comme ceci: ou simplement envelopper l'image dans un autre href:
Vous pouvez essayer cela.
<img src="//Image Path" onclick="location.href = '//Page you want to go';" style="cursor: pointer;">
=> Merci pour la réponse. Trouvé un moyen. Le texte doit également écrire sur une classe distincte.
Vous pouvez simplement ajouter un événement OnClick à l'image:
p>
<div class="img-one">
<img id="redirectimg" class="alignnone size-full wp-image-1303" src="https://image.shutterstock.com/image-vector/sample-stamp-grunge-texture-vector-260nw-1389188336.jpg" alt="" width="850" height="1250" onClick="window.location='https://stackoverflow.com/';" />
<div class="adventure-link"><a href="page-link">Topic</a></div>
</div> Je pense que vous pouvez simplement utiliser une étiquette comme parent de la balise IMG et mettre la cible d'attribut = vide pour un alors il n'a pas besoin de fonction onclick < / p>
Vous pouvez simplement ajouter l'image dans la balise d'ancrage
@Panchalkrupal Bonjour, la façon dont vous disiez ne fonctionne pas. Je l'ai essayé avant de poster cette question. Merci
Alors, vous voulez aller à une autre page de l'image Cliquez?
@Panchalkrupal Ouais. Couper j'ai besoin de garder le texte aussi
Salut. Veuillez vérifier la réponse ci-dessous.