테스트 사이트 - 개발 중인 베타 버전입니다

툴팁에 좌표 인식 좀 추가해 주실분 ^^

· 15년 전 · 1686 · 5
http://sir.co.kr/bbs/board.php?bo_table=g4_tiptech&wr_id=24690&page=2

이 팁인데요

<script>
this.screenshotPreview = function(){
/* CONFIG */

xOffset = 10;
yOffset = 30;

// these 2 variable determine popup's distance from the cursor
// you might want to adjust to get the right result

/* END CONFIG */
$("a.screenshot").hover(function(e){
this.t = this.title;
this.title = "";
var c = (this.t != "") ? "<br/>" + this.t : "";
$("body").append("<p id='screenshot'><img src='"+ this.rel +"' alt='url preview' />"+ c +"</p>");
$("#screenshot")
.css("top",(e.pageY - xOffset) + "px")
.css("left",(e.pageX + yOffset) + "px")
.fadeIn("fast");
},
function(){
this.title = this.t;
$("#screenshot").remove();
});
$("a.screenshot").mousemove(function(e){
$("#screenshot")
.css("top",(e.pageY - xOffset) + "px")
.css("left",(e.pageX + yOffset) + "px");
});
};


// starting the script on page load
$(document).ready(function(){
screenshotPreview();
});

현재 좌표가 그 자리에서 오른쪽 아래 인데요

가운데를 중심으로 우측 이나 하단은

왼쪽 위로 툴팁 내용을 출력 하개 변경 할수 있을까요?

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 5개

호 어렵다 ~
흠 감사합니다 !! 테러 보이님 때문에 실마리가 1% 증가 !!
ㅡㅡ;;;
검색하고 있었는데.....
ㅜㅜ ;;

정말이요 감격 입니다 저도 검색 한게 있는데

이게 html 전용 인데 img 로 바꾸기가 여간 -0-a;

http://www.javascriptkit.com/script/script2/ajaxtooltip.shtml

이것인데 이것은 img 로 바꾼면 좋은텐데 머리가 안 돌아 가네요 ~^^;;
<div>로 감싸고 오버시 이미지 뜨게 해보세요

게시글 목록

번호 제목
284348
284336
284333
284332
284320
284318
284316
284313
284307
284306
284303
284298
284296
284290
284286
284280
284277
284272
284261
284259