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

그림클릭시 레이어 띄우기

CLUB
프로필 보기이 회원 글보기
 · 18년 전 · 2324
<HTML>
<HEAD>
<TITLE>코리아인터넷닷컴 자바스크립트 소스/예제 모음</TITLE>
</head>

<body bgcolor="#FFFFFF" text="#000000" link="#000000" onload="initthumb();" alink="#000000" vlink="#000000" >
<p><center><font color="white"><b>▶ </b></font>
<a href="http://korea.internet.com/channel/index.asp?cid=189"><b>코리아인터넷닷컴 자바스크립트 소스/예제 모음</b></a></center><p>
<br><br>

<script language="javascript">
// 아직 레이어는 생성되지 않았다.
var trigger=0
// 아직 활성화된 레이어는 없다.
var vis=0
function initthumb()
{
document.onmousemove = sniff
document.onmouseup = sniff
document.onmousedown = sniff
// Trigger Netscape Mouse Check
if (document.layers){document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE | Event.MOUSEUP)}
// Call dummy to help IE get width + height
if (document.all)dopic('dummy','',1,1,1,1)
}
function sniff(e){
// 마우스의 위치정보를 얻는 부분
if (document.layers) {var mousex=e.pageX; var mousey=e.pageY;fx=mousex;fy=mousey;}
else if (document.all) {var mousex=event.x; var mousey=event.y+document.body.scrollTop;fx=mousex;fy=mousey}
}
function dopic(name,auto,picx,picy)
{
if (vis == 0) // 활성화된 레이어가 없다면..
{
// 기본값
var oldpicx=100;
var oldpicy=100;
var rahmen='silver'
var alttext="클릭하면 사진이 사라집니다."

// 레이어가 없을 때
if (trigger!=1)
{
trigger=1 // 레이어를 생성해 준다.
// 숨겨진 레이어를 만든다(Netscape)
if(document.layers){
document.layers['picarea'] = new Layer(1);
document.layers['picarea'].left = oldpicx;
document.layers['picarea'].top = oldpicy;
document.layers['picarea'].height = 20;
document.layers['picarea'].visibility = "hidden";
}
// 숨겨진 레이어를 만든다(IE)
else if (document.all){
document.body.insertAdjacentHTML("BeforeEnd",'<DIV ID="picarea" STYLE="z-index:200;position:absolute;left:"+picx+";top:"+picy></DIV>');
}
}

// 만약에 레이어가 있다면, 숨겨준다.
if (trigger != 0){
if (document.layers){document.layers['picarea'].visibility="hide"} //Netscape
if (document.all){picarea.style.visibility="hidden"}
}
// 레이어의 내용을 정해주는 부분
content="<a href=\"javascript:clearpic()\" style=\"color:"+rahmen+"\"><img src=\"http://korea.internet.com/images/javascript/";
content=content+name+"\" name=\"pic\" alt=\""+alttext+"\" border=1";
content=content+"></A>";
// 레이어 안에 정해준 내용을 넣고, 보여주는 부분(Netscape)
if (document.layers) {
sprite=document.layers['picarea'].document;
sprite.open();
sprite.write(content);
sprite.close();
// 위치가 자동적으로 지정되지 않을 때, 레이어를 처음에 정해주었던 기본 위치에 위치시킨다.
if (picx != null && auto == ''){
document.layers['picarea'].left = picx;
document.layers['picarea'].top = picy;
}
// 위치가 자동적으로 지정되게 되어있으면..
if (auto != "")
{
// 사진의 폭과 높이를 얻는부분
xw=document.layers['picarea'].document.images['pic'].width
yw=document.layers['picarea'].document.images['pic'].height
// 사진의 중심부분의 위치를 새롭게 마우스의 위치로 설정한다.
newpicx = fx - (xw/2)
newpicy = fy - (yw/2)
// 오프셋이 있다면, 그것도 맞춰서 설정해 준다.
if (picx) {newpicx=newpicx + picx}
if (picy) {newpicy=newpicy + picy}
// 레이어의 위치를 설정해 준다.
document.layers['picarea'].left = newpicx;
document.layers['picarea'].top = newpicy;
}
// 레이어를 보여준다.
document.layers['picarea'].visibility="show";
// 활성화된 레이어가 있다고 바꿔준다.
vis=1
}

// 레이어 안에 정해준 내용을 넣고, 보여주는 부분(IE)
if (document.all) {
document.all['picarea'].innerHTML = content;
// 위치가 자동적으로 지정되지 않을 때, 레이어를 처음에 정해주었던 기본 위치에 위치시킨다.
if (picx != null && auto == ''){
picarea.style.top=picy
picarea.style.left=picx;
}
// 위치가 자동적으로 지정되게 되어있으면..
if (auto != "") {
// get the picture width/height
xw=document.all['pic'].width
yw=document.all['pic'].height
// 사진의 중심부분의 위치를 새롭게 마우스의 위치로 설정한다.
newpicx = fx - (xw/2)
newpicy = fy - (yw/2)
// 오프셋이 있다면, 그것도 맞춰서 설정해 준다.
if (picx) {newpicx=newpicx + picx}
if (picy) {newpicy=newpicy + picy}
// 레이어의 위치를 설정해 준다.
picarea.style.top=newpicy;
picarea.style.left=newpicx;
}
// 레이어를 보여준다.
// 만약에 이름이 정해져 있다면..
if (name != "dummy") {
picarea.style.visibility="visible";
// 활성화된 레이어가 있다고 바꿔준다.
vis=1
}
}
else if (document.layers == null && document.all == null) {self.location=name};
}
}
// 클릭하면 레이어를 숨겨주는 부분
function clearpic() {
// 보여진 레이어를 비활성화 시키는 부분
vis=0
if (document.layers){document.layers['picarea'].visibility="hide"};
if (document.all){picarea.style.visibility="hidden"};
}
//-->
</SCRIPT>
<table width="100%" height="100%">
<tr align="left">
<td colspan="2">
<script language="Javascript"><!--
var d=new Date();var r=(d.getTime()%8673806982)+Math.random();var uu=escape(window.location.href);
var wh='" width="728" height="90" ';var host='.casalemedia.com/';var dc=document;
var fr='marginwidth="0" hspace="0" vspace="0" frameborder="0" scrolling="no">';
dc.write('<ifr');
dc.write('<a hr');
dc.write('<i');
//--></script>
</td>
<td></td>
</tr>
<tr valign="top">
<td align="left" style="padding:10 0 0 100">
<CENTER>

<font face="arial" size=2><BR><BR><B>사진을 클릭해 보세요.</B><BR>크게 나타난 사진을 클릭하시면 사진이 사라집니다.<BR><BR>
위치 지정 : 자동 , 가로 오프셋 : 0 , 세로 오프셋 : 0 <br>
<a href="javascript:dopic('kic_hp.jpg',1, 0,0)"><IMG SRC="http://korea.internet.com/images/javascript/kic_hp.jpg" WIDTH=96 HEIGHT=72 ALT="" BORDER="0"></A><BR><BR>
위치 지정 : 자동 , 가로 오프셋 : 100 , 세로 오프셋 : 100 <br>
<a href="javascript:dopic('kic_hp.jpg',1, 100,100)"><IMG SRC="http://korea.internet.com/images/javascript/kic_hp.jpg" WIDTH=96 HEIGHT=72 ALT="" BORDER="0"></A><BR><BR>
위치 지정 : 수동 , 가로 오프셋 : 0 , 세로 오프셋 : 0 <br>
<a href="javascript:dopic('kic_hp.jpg',0, 0,0)"><IMG SRC="http://korea.internet.com/images/javascript/kic_hp.jpg" WIDTH=96 HEIGHT=72 ALT="" BORDER="0"></A><BR><BR>
위치 지정 : 수동 , 가로 오프셋 : 300 , 세로 오프셋 : 0 <br>
<a href="javascript:dopic('kic_hp.jpg',0, 300,0)"><IMG SRC="http://korea.internet.com/images/javascript/kic_hp.jpg" WIDTH=96 HEIGHT=72 ALT="" BORDER="0"></A><BR><BR>
위치 지정 : 수동 , 가로 오프셋 : 0 , 세로 오프셋 : 500 <br>
<a href="javascript:dopic('kic_hp.jpg',0, 0,500)"><IMG SRC="http://korea.internet.com/images/javascript/kic_hp.jpg" WIDTH=96 HEIGHT=72 ALT="" BORDER="0"></A>
</FONT>
</CENTER>
<BR><BR>
</td>
<td align="right" style="padding:10">
</td>
<td></td>
</tr>
<tr align="left">
<td colspan="2">
</td>
<td></td>
</tr>
</table>
<br><br>
</body>
</html><div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 16:57:14 JavaScript에서 이동 됨]</div>
목록
이전글 다음글

댓글 작성

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

로그인하기

게시글 목록

번호 제목
11797
Flash 플래시 1 픽셀 정도 어긋나는 현상때문에요....... 6
11796
기타 Progress 로딩바
29161
HTML 체크박스 전체선택 소스
11795
기타 텍스트 박스의 내용을 쿠키로 저장하는 스크립트 입니다.
11794
PHP [펌]PHP 애플리케이션을 가장 빠르게, Part 2: PHP 애플리케이션을 프로파일링 하여 느려진 코드를 진단 및 빠르게 하기 (한글)
11793
PHP [펌]PHP 애플리케이션을 가장 빠르게, Part 1: opcode 캐시 소프트웨어로 성능과 처리량 높이기
11789
MySQL Oracle 과연 대용량에만 사용가능할까? 3
11784
기타 Drag & Drop Sample 4
29160
HTML window.print() div 를 이용한 부분인쇄
11781
Flash 도와주세요.. 2
11778
PHP SSL 관련 링크 2
24966
휴가원_기업일반 1
24964
회의록_인사 1
24963
제안서 회사약식제안서_기타
24961
회계전표_회계 1
24960
확인서_경리
24950
제안서 홈페이지개발제안서_개발 9
24948
현금지출장_경리 1
24947
현금보관증_부동산
24946
프랜차이즈-체인점계약
24945
품의서_인사
24944
계약서 표준임대차계약서_부동산
24943
팩스전송용지_경리
24942
팩스기안문_인사
24941
투자관련협의서_영업
24940
퇴직증명서_인사
24939
퇴직서_총무
29158
HTML 셀렉트박스(체크, 라디오)를 PHP(ASP, JSP)에서 선택하는 방법 1
11777
MySQL Logrotate
11774
JavaScript startssl 자동실행 2
11772
기타 4. 아파치 서버 설정하기 (보안, SSL) 1
11771
기타 Apache SSL 보안 설치
11770
MySQL mysql error code
11769
MySQL Mysql - ErrCode
11765
기타 [질문]그물효과패턴이라는데, 사용법은? 3
11764
기타 날짜 맞추기
11763
기타 httpd: Could not determine the server's fully qualified domain name, using 127.0.0.1 for Server Name
11758
기타 웹 브라우저에서 가로 스크롤 안생기게 하기 4
29148
HTML 괜찮은 레이어 팝업창 소스 9
11752
기타 삽질하다 막혀버렸어요... ㅠㅠ 5
11747
기타 지우개 툴로 손글씨 쓰기-CS3 새로생긴 기능 4
11746
기타 페도라 리눅스 네임서버 설치
29147
HTML CS3의 새로운 기능 - Live Color 사용법
11744
JavaScript 플래쉬 초보입니다...질문좀 ^^ 1
11735
Flash 퀵메뉴 - 수정해서 쓰세요!^^ 8
29145
HTML 각각의 툴에대한 옵션바의 수치를 기본설정으로 돌릴려면 1
11733
기타 히든필드 처리하기 1
11731
JavaScript 경고창의 폰트 조절..... 1
11730
기타 [질문] action레이어 하나에서 버튼 클릭시 사진을 이동하게 할려고 하는데,,,
24937
기본이력서 1
11728
기타 마지막으로 사용된 필터 한번 더 적용할때 단축키로 간단히 1
11727
기타 JS 이용해서 동적으로 테이블 생성
11725
기타 이동툴로 잠시 변환후, 원래의 툴을 사용하려할때 1
11717
기타 포샵에서 한글이 안써지고 영어만 써질때가 간혹 있어여 7
29138
HTML 원하는 물체만 쉽게 선택하는 툴은 없나요? 6
11716
기타 열린 인터넷 소켓 리스트 출력하기
11715
JavaScript 특정 프로세스가 연 파일 보기.
11714
기타 특정 사용자 &#51922;아 낼때 사용하는 명령어
11711
기타 CS3 간단 리뷰 2
11710
Flash 플래시 파일명 대신 외부파일 호출
11708
Flash 플래시 파일명 대신 외부파일 호출 1
11700
MySQL mysql 원격접속방법 7
11697
기타 대화 상자 닫지말고 Reset하자 2
24936
취업추천의뢰서_인사
24935
출장보고서_영업
24934
출근부_노무관리
24933
추천서_인사
24932
총무_월말종합보고서
24931
창업사업계획(승인,변경승인)신청서
24930
차용증_기업일반
24929
지출결의서_경리
24928
주주명부_기업일반
24927
주식회사정관예제_창업
24926
계약서 주식양수도계약서_경리
24925
주문서_기업일반
24922
제안서 제안서_기업일반 2
24921
계약서 전세계약서_일반계약
24920
계약서 전세계약서_부동산
24919
재직증명서-현정관리
24918
재직증명서_기업일반
24917
재직증명서2_노무
24916
재직증명서2_기업일반
24915
계약서 장비임대 계약서_영업
24914
잔여퇴직급여-수당청구서_행정자치부
24913
계약서 자동차매매계약서-양도양수_일반계약
11696
기타 메뉴를 찾습니다
11694
기타 히스토리 팔레트 그것이 알고 싶다!!! 1
24912
자기소개서_인사
24911
인사고과표_기업일반
24910
이력서_기업일반
24909
위임장_기업일반
24908
영업보고서_인사
24907
영업_업무출장보고서
24906
영수증_기타
11692
PHP waterproof phpedit 무료 라이센스 얻는 법 1
24905
영문재직증명서_회사
24904
영문이력서_개인
24903
영문이력서2_개인
24902
계약서 연봉제근로계약서
24901
계약서 연봉계약서-근로_기타
이전 다음
전체 목록