Картинки кликабельны (IMG), но для их изменения необходим значок мыши - PullRequest
Новая
       17

Картинки кликабельны (IMG), но для их изменения необходим значок мыши

2 голосов
/ 28 июня 2009

На моей html-странице есть изображения с возможностью щелчка, которые вызывают функцию javascript ... однако никто не нажимает на них, так как они не выглядят доступными для щелчка ... как я могу сделать их доступными для нажатия без использования метка вокруг него?

Вот пример моего кода ... 

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

Ответы [ 4 ]

19 голосов
/ 28 июня 2009

Использование CSS

Добавьте класс к своему изображению (например, clickable-image) и это в вашем CSS: 

.clickable-image
{
    cursor: pointer;
}
3 голосов
/ 28 июня 2009

Посмотрите на css курсор свойство 

<span id="bviu11" style="cursor: pointer;">
1 голос
/ 29 июня 2009

Помимо добавления курсора: указателя, возможно, некоторые стили для ваших изображений / кнопок также сделают их похожими на ссылки, прежде чем пользователю даже придется наводить курсор на них. Попробуйте простую рамку, или тень / свечение на изображениях, чтобы придать им более трехмерный эффект, чтобы они выглядели более «кликабельными»! Кроме того, добавление состояния наведения (другой стиль для изображения / кнопки) действительно помогает.

0 голосов
/ 29 июня 2009

Изменение 

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

до 

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

и добавьте 

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

на ваш css.

...