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)을 참고하세요.





아~~~ 중요한 거 ^^

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

'zb4tip_6' 카테고리의 다른 글

글쓰기창에 미리 내용입력 해 두기  (1) 2008.02.26
by Anna 안나 2008. 5. 23. 18:51
ZeroBoard Tip&Tech 제로보드에서 글쓰기 창에 내용을 미리 입력 해 놓는 방법을 보겠습니다. ▶ 제목에 기본적으로 나오게하기 (subject) write.php 파일 맨 위에 아래의 내용을 넣어주세요.

<? if ($mode=="write") $subject="[제목]"; ?>

[제목] 이란 부분을 원하시는데로 고치시면 됩니다.
이 경우는 새 글 쓰기일 경우만 [제목]이라고 나오게 됩니다. ▶ 내용에 기본적으로 나오게하기 (memo) 제목에 넣는것과 마찬가지로 write.php 파일 맨 위에 이렇게 넣어주세요.
동일하게 [내용] 부분을 원하시는 내용으로 수정하시면 됩니다.

<? if ($mode=="write") $memo="[내용]"; ?>

이 경우도 새 글 쓰기일 경우만 [내용]이라고 나오게 됩니다.
$mode 가 write 일 경우에만 해당 내용을 표시하기 위함입니다. 만약 수정(modify)모드이거나 답변(reply)모드일 경우에도 표시된다면 곤란하겠죠...? ▶ 기본적으로 나온글을 클릭시 내용이 지워지게하기 (onfocus=) write.php 내용중 "$memo"를 찾아보시면 그 중 <textarea 어쩌구저쩌구><?=$memo?></textarea>라는 부분을 찾아보실 수 있습니다. 글을 입력할 부분을 클릭시 기존 내용이 지워지도록 하려면 다음과 같이 수정하면 됩니다. <textarea 어쩌구저쩌구 onfocus='this.value='><?=$memo?></textarea> <참고자료> onfocus 부분이 this.select() 일 경우에는 블럭지정만 되어있어 글 입력시 지워지지 않습니다. 만약 this.value= 이라고 되어있을 경우에는 해당 입력창에 클릭하면 내용이 지워지게 됩니다. * 블럭지정 : onfocus='this.select()'
* 클릭시 삭제 : onfocus='this.value=' ▶ 게시판마다 다른내용이 기본적으로 나오게하기 ($id) 보통 위와 같이 사용하면 다른게시판에서 해당 스킨을 사용하면 동일한 메시지를 출력하게 됩니다. 이럴 경우 다음과 같은 방법을 이용하여 각각의 게시판에서 다른 메시지를 출력할 수 있도록 할 수 있습니다. $memo 를 게시판ID 에 따라 다르게 출력시키는 형식입니다. <?
if($id==게시판명1 && $mode=="write")
{ $memo="내용1";}
if($id==게시판명2 && $mode=="write")
{ $memo="내용2";}
if($id==게시판명3 && $mode=="write")
{ $memo="내용3";}
?>
위의 예는 게시판이 3개일 경우 각각인 게시판명1일때와 2일때, 3일때 각각 다른 메시지를 미리 출력하게 됩니다.
<참고자료> 보통 표시할 메시지를 입력할때 줄을 넘기시려면 \n을 넣어주면 됩니다. 예를들어 <? if ($mode=="write") $memo="이름 : \n내용 : \n사유 : "; ?>
위와같이 입력해 두었다면 아래와 같이 미리 입력되어있습니다. 이름 : 내용 : 사유 : 두줄을 띄우고 싶다면 \n을 두번 입력하여주면 됩니다

*참고자료 : http://www.nzeo.com

'zb4tip_6' 카테고리의 다른 글

Pop Box 적용하기  (0) 2008.05.23
by Anna 안나 2008. 2. 26. 14:40
| 1 |