Images cliquables (IMG), mais l'icône de la souris est nécessaire pour la changer.
-
20-08-2019 - |
Question
J'ai dans ma page html des images pouvant être cliquées qui appellent une fonction javascript ... cependant personne ne clique dessus car elles ne semblent pas cliquables ... comment puis-je les rendre cliquables sans utiliser de caractère < !> lt; a href = & "; &"; > < / a > tag autour?
Voici un exemple de mon code ...
<div id="bvu11" style="margin: 0px 5px; float: left;">
<span id="bviu11">
<img src="/images/icons/favorites_add.png" onclick="favoritesAdd(2,11,'u')">
</span>
</div>
La solution
Utilisation de CSS
Ajoutez une classe à votre image (ex: clickable-image) et ceci dans votre CSS:
.clickable-image
{
cursor: pointer;
}
Autres conseils
Consultez la propriété du curseur CSS
<span id="bviu11" style="cursor: pointer;">
En plus de l’ajout du curseur: pointeur, certains styles de vos images / boutons donneraient peut-être l’apparence de liens avant même que l’utilisateur doive les survoler. Essayez une simple bordure ou un ombrage / lueur sur les images pour leur donner un effet plus 3D, ce qui leur donne un aspect plus & "Cliquable &"! En outre, l’ajout d’un état de survol (un style différent pour l’image / le bouton) est vraiment utile.
Changer
<div id="bvu11" style="margin: 0px 5px; float: left;">
à
<div id="bvu11" class="spanLink">
et ajoutez
.spanLink {
margin: 0px 5px;
float: left;
cursor: pointer;
}
à votre css.