Anklickbare Bilder (IMG), sondern müssen das Maussymbol über ihn ändern
-
20-08-2019 - |
Frage
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>
Lösung
Mit CSS
Fügen Sie eine Klasse zu Ihrem Bild (ex: anklickbare-Bild), und dies in Ihrem CSS:
.clickable-image
{
cursor: pointer;
}
Andere Tipps
Haben Sie einen Blick auf die CSS Cursor Eigenschaft
<span id="bviu11" style="cursor: pointer;">
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.
Ä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.