배너 이미지의 특정 영역을 클릭 할 수있게 만들기

Question

나는 새로운 웹 사이트를 만들고 있으며 홈페이지에 다른 항목 (회사에서 제공하는 제품)이있는 큰 배너 이미지입니다. site2.dvsport.com 웹 사이트를보고 내가 무슨 말을하고 있는지 볼 수 있습니다. 제품 이름에 클릭 가능한 영역이있는 셀을 페이지에 링크하고 싶습니다. 이것이 가능한가?

감사합니다.

Answer 1

이미지를 클릭 한 위치에 따라 이미지 링크를 여러 페이지로 만들 수 있습니다.

이 기술을 이미지 맵핑이라고합니다.

이미지의 어느 부분을 어디에 연결해야하는지 간단히 지정하십시오.

아래 예제에서 마우스 왼쪽 상단 모서리에 마우스를 놓으면 yahoo ....에 연결되고 오른쪽 하단 모서리에는 hotbot에 연결됩니다.

<img src="rainbow.gif" usemap = #example border=0> 
<map name=example> 
<area shape=Rect Coords=0,0,29,29 Href="http://www.yahoo.com"> 
<area shape=Rect Coords=30,30,59,59 Href="http://www.hotbot.com"> 
</map> 

위의 예에서는 직사각형 이미지 맵핑 만 사용했습니다. 가능한 모양은 다음과 같습니다

<area shape=rect coords= x1,y1, x2,y2 Href="http://www.domain.com"> 


<area shape=circle coords= x1,y1, x2,y2 Href="http://www.domain.com"> 


<area shape=polygon coords= x1,y1, x2,y2, .., xn,yn Href="http://www.domain.com"> 

편집 :이 this을 살펴해야 당신의 정품 쿼리.