Pop Box 적용하기

PopBox_test.zip


제로보드에 적용하는 방법만 알려드리겠습니다.
나머지 옵션들은 첨부파일을 다운로드하셔서 참고하시면 되겠습니다.




1. 첨부파일을 다운로드합니다.

압축을 풀어보면 두개의 폴더와 몇개의 파일이 있을텐데 그 중에서
PopBox.js, pop_Styles.css, pop_img 폴더를 제로보드가 설치된 폴더안에 업로드 합니다.

(PopBox.zip 파일은 원본그대로 입니다.)









2. 동작하는 방법은 게시판 리스트를 예로 들어서 설명을 드리겠습니다.

우선 적용하고자 하는 스킨의 setup.php 파일의 상단에 아래의 코드를 삽입합니다.

<link id="lnkStyleSheet" rel="stylesheet" type="text/css" href="pop_Styles.css" />
<script src="PopBox.js" type="text/javascript"></script>
<script type="text/javascript">
popBoxShowRevertBar = true;
popBoxShowRevertText = true;
popBoxShowRevertImage = true;
</script>


모든 게시판에 한꺼번에 적용하시려면 그룹설정등에 삽입하시면 되겠습니다..








3. 이어서 아래의 코드를 list_main.php 파일의 적당한 곳에 넣어줍니다. (위쪽으로)

<?php
// 업로드 파일 검사
if(eregi("\.gif|\.png|\.bmp|\.jpg",$data[file_name1])) {
$file_name1 = str_replace("%2F", "/", urlencode($data[file_name1]));
$list_popbox1 = "<img id=\"img_$data[no]\" src=\"$data[file_name1]\" pbsrc=\"$data[file_name1]\" style=\"width:100px; height:100px; border:1px solid #E0E1DB;\" pbshowcaption=\"true\" pbcaption=\"$data[subject]\" class='PopBoxImageSmall' title=\"$data[subject]\" onclick=\"Pop(this,50,'PopBoxImageLarge');\" pbshowpopbar=\"true\" alt=\"\" /></a>";
}else{
$list_popbox1 = "No img";
}
?>

이미지의 가로, 세로 조정하시구요. (현재 가로/세로 = 100/100)
No img 부분은 이미지가 없다면 보여줄 부분이니까 저렇게 텍스트 또는 다른 이미지로 대체하시면 되겠습니다.








4. 출력할곳에 <?=$list_popbox1?> 를 삽입해서 보여주시면 됩니다.
onclick=\"Pop(this,50,'PopBoxImageLarge');\" 에서 50은 속도입니다. 클수록 빠릅니다.



view.php 에서도 마찬가지 입니다.






참고 1.
저처럼 썸네일을 사용하시는 분들은 경로가 하나 더 들어가야 합니다.
보통의 src= 에서는 썸네일의 주소를 뽑아주시고
원본 이미지는 pbsrc=\"$data[file_name1]\" 를 하나 더 추가하셔야 합니다.



참고 2.
캡션이나 애니메이션등을 달리하시려면 첨부파일(index.html)을 참고하세요.





아~~~ 중요한 거 ^^

해당 소스가 셀렉트를 처리하지 못해서 알릭님의 심플라이트박스에서 두개의 평션을 참고, 적용했습니다 ^^
주석처리해놨으니 보이실겁니다.