클릭 가능한 이미지 (IMG)이지만 변경하려면 마우스 아이콘이 필요합니다.

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

  •  20-08-2019
  •  | 
  •  

문제

html 페이지에 JavaScript 함수를 호출하는 클릭 가능한 이미지가 있습니다 ... 그러나 클릭 가능하지 않기 때문에 아무도 클릭하지 않습니다 ... 어떻게 사용하지 않고 클릭 가능하게 만들 수 있습니까?u003Ca href="">u003C/a> 그 주위에 태그?

다음은 내 코드의 예입니다 ...

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

이미지에 클래스를 추가하십시오 (예 : 클릭 가능-이미지).

.clickable-image
{
    cursor: pointer;
}

다른 팁

CSS를 살펴보십시오 커서 재산

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

커서를 추가 할뿐만 아니라 포인터, 아마도 이미지/버튼에 대한 스타일링은 사용자가 그들 위로 가져 가기 전에 링크로 보일 것입니다. 단순한 테두리를 시도하거나 이미지에서 Dropshadow/Glow를 시도하여 더 3D 효과를 주어 "클릭 가능"처럼 보이게합니다! 또한 호버 상태 (이미지/버튼에 다른 스타일)를 추가하는 것이 실제로 도움이됩니다.

변화

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

에게 

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

그리고 추가

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

CSS에.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top