Immagini cliccabili (IMG) ma è necessario che l'icona del mouse cambi sopra

Question

Nella mia pagina html ho immagini cliccabili che chiamano una funzione javascript ... tuttavia nessuno fa clic su di esse perché non sembrano cliccabili ... come posso renderle cliccabili senza usare un < !> lt; a href = " " > < / a > tag intorno?

Ecco un esempio del mio codice ...

<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

Uso dei CSS

Aggiungi una classe alla tua immagine (es: immagine cliccabile) e questo nel tuo CSS:

.clickable-image
{
    cursor: pointer;
}

Answer 2

Dai un'occhiata alla css proprietà cursore

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

Answer 3

Oltre ad aggiungere il cursore: puntatore, forse un po 'di stile alle tue immagini / pulsanti li farebbe apparire come collegamenti prima che l'utente debba passare sopra di essi. Prova un bordo semplice, o ombreggiatura / bagliore sulle immagini per dare loro un effetto più 3D, facendole apparire più & Quot; cliccabile & Quot ;! Inoltre, l'aggiunta di uno stato al passaggio del mouse (uno stile diverso all'immagine / pulsante) aiuta davvero.

Answer 4

Cambia

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

a

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

e aggiungi

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

al tuo css.