▶ 뭉충닷컴
 
mungchung.com login
Site Search
My Space
주절주절...
공부방
쥔장소개
Board
자유게시판
유용한 정보
자료실
Programming
강좌 & Articles
Spring 3.0
프로그래밍 Tip
   -ASP
   -PHP
   -JavaScript
   -HTML
   -Java/JSP
   -Database
   -Crystal Report
   -Visual Basic
   -이클립스
   -리눅스
   -기타
Windows API (VB)
Spread Sheet 7.0
컴퓨터활용 Tip
Other things
StarCraft 전략
StarCraft 문서
김용(金庸)
Son Q & Dieda
이미지를 클릭하면 이미지가 팝업으로 크게 떠서 보이고 그 이미지 클릭하면 닫히게 많이 한다.
요게 이미지가 많아지면 이미지에 클릭하는 함수 줘야하고..팝업하는 부분 처리해야하고 이리저리 귀찮은점 많다.

그래서..아래 함수만 추가해주면 특정 폴더나 특정이름이 들어간 이미지는 자동으로 링크 만들어주고 팝업까지 해준다.
참고로 imageOpen함수의 "이미지크게보기" 부분은 phpschool의 팁에서 가져온것이다.
http://www.phpschool.com/gnuboard4/bbs/board.php?bo_table=tipntech&wr_id=44057&sca=&sfl=wr_subject%7C%7Cwr_content&stx=%C0%CC%B9%CC%C1%F6&sop=and

해서..imageOpen부분은 나한테 물어보지 말아라.. -_- 그 외의 코드만 질문받음!



정리되지 않은 소스는 아래와 같다. (지금 만드는 웹페이지에서 그냥 긁어다 놓은것이다..팁용으로 깔끔하게 정리는 안해두었음)


<script language=javascript>
    var imagepath;
    function imageOpen() {
        if (imagepath != "") {
            //open(imagepath);
            var img_view = imagepath;
            var x = x + 20 ;
            var y = y + 30 ;
            htmlz = "<html><head><title>이미지크게보기</title><style>body{margin:0;cursor:hand;}</style></head><body scroll=auto onload='width1=document.all.Timage.width;if(width1>1024)width1=1024;height1=document.all.Timage.height;if(height1>768)height1=768;top.window.resizeTo(width1+30,height1+54);' onclick='top.window.close();'><img src='"+img_view+"'  title='클릭하시면 닫힙니다.' name='Timage' id='Timage'></body></html>"
            imagez = window.open('', "image", "width="+ 100 +", height="+ 100 +", top=0,left=0,scrollbars=auto,resizable=1,toolbar=0,menubar=0,location=0,directories=0,status=1");
            imagez.document.open();
            imagez.document.write(htmlz)
            imagez.document.close();
            
        }
    }
    function window.document.onmouseover() {
        var r, re;
        re = /photo/i;  // 보여줄 폴더 설정한다.
        
        var srcEl = event.srcElement;
        if( srcEl==null ) return;
        
        if(typeof(srcEl.src) != "undefined" )   {
            r = (srcEl.src).search(re);
            if (r > -1 && srcEl.src != "") {
                imagepath = srcEl.src;
                srcEl.style.cursor = "hand";
                srcEl.onclick=imageOpen;
            }
        } else {
            imagepath = "";
        }
    }  
</script>



댓글 '1'

뭉충닷컴

2005.12.29 14:18:09
*.140.64.24

imageOpen 함수의 끝부분에 imagez.focus(); 넣어주면 효과만점!
문서 첨부 제한 : 0Byte/ 2.00MB
파일 크기 제한 : 2.00MB (허용 확장자 : *.*)
List of Articles
번호 제목 글쓴이 날짜 조회 수sort
551 JAVA xss 방어를 위한 설정 방법 뭉충닷컴 2017-03-31 153
550 Script 문자열관련 prototype 모음 뭉충닷컴 2015-09-04 216
549 리눅스 (13)permission denied: make_sock: could not bind to address 0.0.0.0:80 뭉충닷컴 2017-11-28 257
548 기타 jenkins에서 Your container doesn’t use UTF-8 to decode URLs 오류 뜰경우 뭉충닷컴 2017-11-10 289
547 Script jquery를 이용한 파일첨부시 진행바(progress) 처리 뭉충닷컴 2017-09-27 337
546 리눅스 주기적으로 아파치/톰캣 프로세스 갯수 로깅 남기기 file [3] 뭉충닷컴 2017-06-09 383
545 기타 svn 능력자를 위한 git 개념 가이드 뭉충닷컴 2015-03-27 421
544 이클립스 갑자기 eclipse 실행이 안되는경우 뭉충닷컴 2015-04-16 540
543 기타 아파치 설정관련 참고할만한 글 뭉충닷컴 2014-12-23 1293
542 JAVA java poi 엑셀파일 다운로드시 암호 설정 [1] 뭉충닷컴 2017-10-18 1971
541 Script 인쇄 전/후 script 함수 (멀티브라우저) 뭉충닷컴 2014-04-21 2020
540 HTML class정의된 style의 내용을 inline style 형태로 변환해주는 사이트 뭉충닷컴 2013-12-20 2145
539 기타 xe 로그인 풀림 방지 tip [1] 뭉충닷컴 2014-03-26 2182
538 리눅스 파일 copy 하면서 디렉토리까지 같이 생성하기 뭉충닷컴 2014-02-11 2439
537 기타 bat 파일에서 파일정보들 가져오기 뭉충닷컴 2014-02-05 2546
536 리눅스 특정날짜에 해당하는 파일 찾기 뭉충닷컴 2014-07-25 2701
535 리눅스 bash 변수내의 문자열 replace 뭉충닷컴 2013-07-30 2793
534 리눅스 winscp를 이용한 rcp 파일 업로드 뭉충닷컴 2014-07-31 2953
533 이클립스 IEditorPart 선택된 값 변환(변경) 뭉충닷컴 2013-04-20 3289
532 기타 아파치 공사중 페이지 설정 뭉충닷컴 2014-05-13 3472
531 JAVA 디렉토리안의 파일 목록 모두 가져오기 (하위 디렉토리 까지 포함) 뭉충닷컴 2014-01-08 3576
530 이클립스 IEditorPart 선택된 텍스트값 알기 뭉충닷컴 2013-04-20 3719
529 Script Ajax 를 순차적으로 여러개 불러오기 뭉충닷컴 2014-08-22 3733
528 이클립스 플러그인 개발시 메뉴에 단축키 적용하기 뭉충닷컴 2013-04-21 3782
527 Script Javascript 로 class 이용하는 여러가지 방법들 뭉충닷컴 2012-06-13 4037
526 JAVA Invalid byte 1 of 1-byte UTF-8 sequence 오류 해결하기 뭉충닷컴 2013-11-27 4139
525 리눅스 sqlplus 실행결과를 bash 변수에 저장 뭉충닷컴 2013-07-30 4275
524 리눅스 오라클 imp/exp에서 where 절 사용하기 뭉충닷컴 2013-07-11 4613
523 리눅스 bash shell 사용자 입력 받기 뭉충닷컴 2013-07-12 4699
522 JAVA 자바에서 로그가 두번씩 찍힐 때 뭉충닷컴 2012-10-10 4772
521 JAVA 자바빈에 있는 메서드명을 파라미터로 받아서 실행할 경우 뭉충닷컴 2012-08-31 4843
520 JAVA xml 문자열을 node 객체로 만들기 뭉충닷컴 2012-09-24 4860
519 기타 apache에서 httpd-ssl 사용시 서버 안올라갈경우 뭉충닷컴 2013-01-31 4887
518 이클립스 이클립스 플러그인시 개발시 IWorkbenchWindow 값 구하기 뭉충닷컴 2012-11-25 4990
517 JAVA HashCodeBuilder 뭉충닷컴 2012-12-14 4998
516 JAVA 파일사이즈를 읽기편하게 변환하기 뭉충닷컴 2012-11-30 5079
515 JAVA 이클립스 플러그인개발시 선택된 텍스트 뭉충닷컴 2012-11-21 5231
514 Script 한글 자소분리 초간단 버젼 뭉충닷컴 2012-06-15 5280
513 Script 셀렉트 박스의 값들을 왼쪽 or 오른쪽 이동 시키는 스크립트 뭉충닷컴 2004-11-17 5379
512 리눅스 일정 시간 간격으로 리눅스 명령어 반복 실행 뭉충닷컴 2014-04-22 5405
511 Script TDC, 테이블 행 색이 격으로 변하도록 [1] 뭉충닷컴 2004-08-24 5474
510 Script [미완성] asp파일 변수 생성해주기 file [1] 뭉충닷컴 2006-02-06 5474
509 Script [re] Select 의 option 데이타 위,아래 이동시키는 스크립트 - 더 좋은 방법 뭉충닷컴 2006-11-23 5482
508 Script 2000개 체크박스 전체체크 시간비교 file 뭉충닷컴 2007-12-03 5483
507 리눅스 특정기간내에 변경된 파일 찾아서 압축 뭉충닷컴 2012-05-04 5483
506 Script 선택된 텍스트 값 읽어오기 뭉충닷컴 2005-11-12 5495
505 Script 자바스크립트로 Stylesheet(스타일시트) 다루기 - 버튼 보이고 안보이고 뭉충닷컴 2004-10-08 5499
504 Script 파일업로드시 직접입력 못하게 뭉충닷컴 2005-07-07 5501
503 Script time이벤트들 뭉충닷컴 2004-01-28 5521
502 Script 폼검증시 필수입력해줘야 하는항목들 미리 표시해주기 뭉충닷컴 2006-03-22 5525
501 Script 엄청 간단한 iframe 크기 자종 조절 스크립트 뭉충닷컴 2004-04-08 5534
500 Script TDC에 관한 좋은 Articles - 슬금슬금 읽어두면 괜찮을듯 뭉충닷컴 2006-01-27 5553
499 DataBase connect by를 이용한 몇가지 쿼리 뭉충닷컴 2011-11-29 5556
498 Script 자신이 오픈으로 열린창인지 그냥 연 창인지 구분하는 스크립트 뭉충닷컴 2004-09-20 5584
497 HTML 이미지에 map 이용하기 뭉충닷컴 2004-02-04 5588
496 HTML 레이어 이용하기 뭉충닷컴 2003-12-04 5592
» Script 몇개의 함수로 이미지에 팝업보기 간편하게 하기 [1] 뭉충닷컴 2005-12-26 5600
494 Script textarea의 크기를 입력된 내용에 맞게 늘리는 스크립트 뭉충닷컴 2004-07-12 5610
493 Script 폼 컨트롤들 중에서 onchang 이벤트 발생한적 있는지 검사하는 스크립트 [1] 뭉충닷컴 2007-09-23 5624
492 Script MS에서 현재 이용중인 왼쪽 메뉴 file 뭉충닷컴 2004-03-12 5630