Anklickbare Bilder (IMG), sondern müssen das Maussymbol über ihn ändern

Question

Ich habe Klick können die Bilder in meinem HTML-Seite, die eine Javascript-Funktion aufrufen ... aber niemand auf sie klickt, wie sie sehen nicht klicken-able ... wie kann ich sie ohne ein Click-fähig machen < "a href ="> Tag um ihn herum?

Hier ist ein Beispiel für meinen 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>

Answer 1

Mit CSS

Fügen Sie eine Klasse zu Ihrem Bild (ex: anklickbare-Bild), und dies in Ihrem CSS:

.clickable-image
{
    cursor: pointer;
}

Answer 2

Haben Sie einen Blick auf die CSS Cursor Eigenschaft

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

Answer 3

Neben Hinzufügen des cursor: pointer, vielleicht etwas Styling, um Ihre Bilder / Tasten würden sie auch erscheinen Links zu sein, bevor der Benutzer auch über sie zu schweben hat. Versuchen Sie, eine einfache Grenze, oder Schatten / Glühen auf den Bildern einen 3D-Effekt zu geben, so dass sie mehr machen aussehen „klickbare“! Auch das Hinzufügen eines Hover-Zustand (ein anderes Styling zum Bild / Taste) wirklich hilft.

Answer 4

Ändern

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

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

und fügen

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

Ihren CSS.