imagens clicáveis ??(IMG), mas precisa o ícone do mouse para a mudança sobre ele

Question

Eu tenho imagens de cliques possível em minha página html que chamam uma função javascript ... no entanto ninguém está clicando sobre eles como eles não parecem clique com o poder ... como posso torná-los clique com o poder sem o uso de um < a href = ""> tag em torno dele?

Aqui está um exemplo do meu código ...

<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>

Answer 1

Usando CSS

Adicione uma classe para a sua imagem (ex: clickable-imagem) e este por sua CSS:

.clickable-image
{
    cursor: pointer;
}

Answer 2

Tenha um olhar para o css cursor propriedade

<span id="bviu11" style="cursor: pointer;">

Answer 3

Além de adicionar o cursor: ponteiro, talvez algum estilo a suas imagens / botões também torná-los parecem ser links antes que o usuário tem ainda a pairar sobre eles. Tente uma borda simples ou dropshadow / brilho nas imagens para dar-lhes um efeito mais 3D, fazendo-os parecer mais "clicável"! Além disso, a adição de um estado de foco (um estilo diferente para a imagem / botão) realmente ajuda.

Answer 4

Mudança

<div id="bvu11" style="margin: 0px 5px; float: left;">

para

<div id="bvu11" class="spanLink">

e add

.spanLink {
   margin: 0px 5px; 
   float: left;
   cursor: pointer;
}

para o seu css.