JAVASCRIPT


게시글 '슬라이드 팝업 - 아이프레임, 이미지 팝업'에 대한 정보
슬라이드 팝업 - 아이프레임, 이미지 팝업
등록일 2009-11-13 조회 4,904
첨부#1 slide.js [용량:6.4KB]
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파일은 첨부합니다.
다운로드 받아서 사용하시면됩니다 ^ㅡ^