صور يمكن النقر عليها (IMG ل) ولكن في حاجة إلى رمز الماوس لتغيير أكثر من ذلك

StackOverflow https://stackoverflow.com/questions/1055544

  •  20-08-2019
  •  | 
  •  

سؤال

ولقد صور النقر قادرة في صفحة HTML بلدي أن استدعاء دالة جافا سكريبت ... ولكن لا أحد النقر عليها لأنها لا تبدو النقر قادرة ... كيف يمكنني جعلها قادرة النقر دون استخدام < وأ href = ""> العلامة حوله؟

وهنا مثال على قانون بلدي ...

<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>
هل كانت مفيدة؟

المحلول

تحليل باستخدام CSS

وإضافة فئة إلى الصورة (مثلا: نقر صورة) وذلك في CSS الخاص بك:

.clickable-image
{
    cursor: pointer;
}

نصائح أخرى

وإلقاء نظرة على المغلق المؤشر الملكية

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

وكذلك إضافة المؤشر: المؤشر، وربما بعض التصميم لصورك / أزرار من شأنه أيضا أن تجعلها تبدو الروابط قبل المستخدم حتى أن تحوم فوقهم. محاولة حدود بسيطة، أو dropshadow / توهج على الصور لمنحهم المزيد من تأثير 3D، مما يجعلها تبدو أكثر "نقر"! أيضا، مضيفا دولة تحوم (أ التصميم يختلف عن الصورة / زر) يساعد حقا.

تغيير

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

إلى

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

وإضافة

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

لالمغلق الخاص بك.

مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top