사이트 내 전체검색
[javascript] 슬라이드 팝업 - 아이프레임, 이미지 팝업
로빈아빠
https://cmd.kr/javascript/597 URL이 복사되었습니다.

본문

JS 파일 인클루드
<script type="text/javascript" src="/js/slide.js" ></script>


페이지에 추가 DIV
<!-- [SRT] Zoom Images DIV -->
<div id="SLB_film" style="z-index: 99997; position:absolute; display:none; width:100%; height:100%; background-color:#000000; filter:Alpha(opacity=60); opacity:0.6; -moz-opacity:0.6;"></div>
<div id="SLB_content" onclick="SLB();" align="center" style="z-index: 99999; position:absolute;"></div>
<div id="SLB_loading" onclick="SLB();" title="클릭하시면 닫습니다."> 페이지 로딩중입니다. </div>
<!-- [END] Zoom Images DIV -->

삽입해야할 스타일 시트
/* Slide Popup */
.SLB_center{cursor:pointer; visibility:hidden; background:#fff;}
.SLB_close{cursor: pointer; display:none; font-family: verdana,tahoma; font-size: 9pt; background:#173d70; color:#fff; padding-bottom: 4px; }
.SLB_caption{cursor: pointer; display:none; font-family: verdana,tahoma; font-size: 9pt; background:#173d70; color: #fff; padding-bottom: 4px; }
#SLB_loading{cursor: pointer; display:none; z-index:99998; position:absolute; font-family:verdana,tahoma; font-size:9pt; background:#000; color: #fff; padding:3px 0 4px 0; border:solid 2px #cfcfcf;}

아이프레임 으로 페이지 링크시
<a href="/page/11.html" onclick="javascript:SLB('/page/11.html','iframe', 737, 470, true, true); return false;">

이미지 링크시
<a href="/page/11.html" onclick="javascript:SLB('img/p_01.gif','image', false); return false;">

JS파일은 첨부합니다.
다운로드 받아서 사용하시면됩니다 ^ㅡ^

댓글목록

등록된 댓글이 없습니다.

831 (7/17P)

Search

Copyright © Cmd 명령어 18.216.174.32