채택완료

이미지 위에 마우스 올려놓을시에 이미지를 출력하고싶습니다

2015-04-08 (수) 11:46:30 3,586

옥션 상세페이지입니다

 상세페이지에 보면 배송비 무료 하고 ? 이미지가있는데

마우스 올릴시에 이미지가 출력되네요

<td><div align="right"><img src="../img/icon/zzzzzzzz.gif"></div></td>

현재 이미지가 이렇게출력되고있는데

www.aaaa.co.kr/11111.jpg를 나오게하고싶습니다

답변부탁드립니다.

|

답변 1개 / 댓글 1개

채택된 답변
+20 포인트
Copy
...<td><div align="right"><img src="../img/icon/zzzzzzzz.gif" class="popupBtn"></div></td>...​ <div id="pop">www.aaaa.co.kr/11111.jpg​</div><style>#pop {display: none;position: absolute;}</style> <script>$(".popupBtn").on("mouseover", function() {$("#pop").css({display: "",left: $(this).position().left,top: $(this).position().top});}).on("mouseout", function() {$("#pop").css({display: "none"});});</script>

대략 이런식으로 position이 absolute인 div객체의 display 속성을 가지고 보여졌다 안보여졌다 합니다.

답변에 대한 댓글 1개

안됩니다 ㅠㅠ
스크립트오류가 발생되네요ㅠㅠ

답변을 작성하려면 로그인이 필요합니다.