클릭 가능한 이미지 (IMG)이지만 변경하려면 마우스 아이콘이 필요합니다.
-
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에.
제휴하지 않습니다 StackOverflow