2013-08-30 3 views
4

this jsFiddle에 나와있는 것처럼 GIF가 포함 된 HTML 페이지가 있습니다.이미지를 툴팁으로 표시하려면 어떻게해야합니까?

소스는 다음과 같습니다 당신이 볼 수 있듯이

<p class="Output"> 
    <img src="http://i.imgur.com/ywXKLgY.gif" alt="Untitled-4_1.gif" width="540" height="410" style="vertical-align:middle;" usemap="#map_1" /> 
    <map name="map_1"> 
     <area shape="rect" coords="30,132,98,111" title="About Me" href="http://www.wolfram.com" /> 
    </map> 
</p> 

이, 보라색 영역에 마우스를 가져 가면 도구 설명은 아래의 그림과 같이 "내 소개"라는이 나타납니다. 그 툴팁이 지금 텍스트보다는 이미지가 될 수 있도록

그러나, 나는 싶습니다. 이것이 가능한가? 그렇다면 어떻게 할 수 있습니까?

+0

귀하의 링크 또는 귀하의 질문에서 귀하가 무엇을 요구하고 있는지 분명하지 않습니다. –

+0

@HyperGroups에서 마우스를 올리면 이미지가 표시됩니다 .. 또는 링크 정보를 제공하는 툴팁 :) –

+2

실제로 원하는 것을 조금 더 설명해보십시오. – PurpleXenon

답변

1

제목 속성이있는 요소 위에 마우스를 올려 놓을 때 표시되는 기본 브라우저 툴팁에 이미지를 사용하는 것에 대해 이야기하는 방법이 있다고 생각하지 않습니다.

관련 문제