최근갤러리 (불당썸)
전에 제가 만들었던건대 임성재님께서 문의하여
코드를 불당썸을 이용한 방식으로 변경하여
올립니다.
8개를 기준으로 하였지만 짝수로 개인에 맞게 수정해 주시면 됩니다.
썸네일 설정은 lastest.skin.php 11~16번째줄에 있습니다.
//섬네일 관련 설정
$thumb_width=90; //섬네일 최대폭 300
$thumb_height=65; //섬네일 최대높이
$view_width=450; //뷰이미지 폭 300
$view_height=362; //뷰이미지 폭 300
$view_quality=90; //썸네일 퀄리티
이전스킨 : http://sir.co.kr/bbs/board.php?bo_table=g4_skin&wr_id=80656
불당썸 : http://sir.co.kr/bbs/board.php?bo_table=g4_pi_thumb
<?=latest("clubdslr_black", "테이블명", $rows=8, $subject_len=40)?>
코드를 불당썸을 이용한 방식으로 변경하여
올립니다.
8개를 기준으로 하였지만 짝수로 개인에 맞게 수정해 주시면 됩니다.
썸네일 설정은 lastest.skin.php 11~16번째줄에 있습니다.
//섬네일 관련 설정
$thumb_width=90; //섬네일 최대폭 300
$thumb_height=65; //섬네일 최대높이
$view_width=450; //뷰이미지 폭 300
$view_height=362; //뷰이미지 폭 300
$view_quality=90; //썸네일 퀄리티
이전스킨 : http://sir.co.kr/bbs/board.php?bo_table=g4_skin&wr_id=80656
불당썸 : http://sir.co.kr/bbs/board.php?bo_table=g4_pi_thumb
<?=latest("clubdslr_black", "테이블명", $rows=8, $subject_len=40)?>
첨부파일
|
댓글을 작성하시려면 로그인이 필요합니다.
그누4 스킨
5,847건스킨의 저작권은 해당 스킨 제작자님께 있으며, 그누보드의 저작권과 다를 수 있습니다. 스킨 다운로드시 좋아요와 감사의 코멘트를 남기시면 제작자에게 큰 힘이됩니다. ^^y 그누보드와 관련이 있지만 스킨과 빌더가 아니면 플러그인 게시판에 올려주세요.
댓글 34개
불당썸 대단하죠?...저도 새로이 구축하는곳엔 불당썸을 적용하고 있습니다..^^
감사드리면서,,추천합니다.
오늘 메모리 limit를 풀어버리는 코드를 넣었는데, 테스트 좀 해봐주세요.
아래처럼 하면 limit 지정이 필요없으니, 더 효율적인거 같아요.
// memory limit 설정 변경
@ini_set("memory_limit", -1);
http://sir.co.kr/bbs/board.php?bo_table=g4_pi_thumb&wr_id=421
다음주에는 트위터 연동모듈을 보여드리죠. ㅋㅋ
감사합니다.
이부분이 에러나면서 안되네요.
또한 가로 이미지를 옆으로 2개를 3개로 만들려면... 어떻게^^;;
썸네일 밑에 제목 나오게 하려면 어떻게... ㅠ.ㅠ
질문이 많아 죄송합니다.
봤던걸로 기억하고 있습니다.
원하는 방식으로 하려면 비슷한 형태로 새로 만들어야 합니다.
이런 에러가나는데..뭐가 잘못된거죠?
thumbnail() 오류는 불당썸 필수 설치입니다. ^^
불당썸 : http://sir.co.kr/bbs/board.php?bo_table=g4_pi_thumb
http://www.sir.co.kr/bbs/board.php?bo_table=g4_skin&wr_id=93487&sca=%C3%D6%B1%D9%B0%D4%BD%C3%B9%B0
메인창에서 불러왔는데 폭이 맞지를 않네요.
(해당 파일에서 넓이 값을 여러가지로 수정해봤습니다.)
뜬구름 같은 질문입니다만, 혹시 아시는 분 답변 좀 부탁드립니다.
참고로 탑빌더를 사용하여 홈페이지를 만들었습니다.
<아래에 제가 수정한 부분을 포함해서 모두 올려봅니다.>
<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
$mod = $board[bo_gallery_cols];
if (!$board[bo_gallery_cols])
$mod = 2; // 가로 이미지 개수
$td_width = (int)(100 / $mod);
//섬네일 관련 설정
$thumb_width=60; //섬네일 최대폭 300
$thumb_height=40; //섬네일 최대높이
$view_width=330; //뷰이미지 폭 300
$view_height=265; //뷰이미지 폭 300
$view_quality=90; //썸네일 퀄리티
// 선택옵션으로 인해 셀합치기가 가변적으로 변함
$colspan = 10;
if ($is_category) $colspan++;
if ($is_checkbox) $colspan++;
if ($is_good) $colspan++;
if ($is_nogood) $colspan++;
// 제목이 두줄로 표시되는 경우 이 코드를 사용해 보세요.
// <nobr style='display:block; overflow:hidden; width:000px;'></nobr>
$data_path = $g4[path]."/data/file/$bo_table";
?>
<script language="javascript">
<!--
function loadView(view) {
if(document.all) {
document.getElementById('viewImage').style.filter="blendTrans(duration=1)";
document.getElementById('viewImage').filters.blendTrans.Apply();
}
document.getElementById('viewImage').src = view;
if(document.all) {
document.getElementById('viewImage').filters.blendTrans.Play();
}
}
var viewSelected;
var preloadviews=new Array();
<?
for ($i=0; $i<count($list); $i++) {
$image = urlencode($list[$i][file][0][file]); // 첫번째 파일이 이미지라면
if (preg_match("/\.(gif|jpg|png)$/i", $image)) {
echo "preloadviews[preloadviews.length]='$data_path/thumb/{$view_width}x{$view_height}_{$view_quality}/$image';"; // 이미지크기
} else {
echo "preloadviews[preloadviews.length]=$latest_skin_path/img/no_image.gif';";
}
} ?>
plv=new Array();
for(i=0;i<preloadviews.length;++i){
plv[i]=new Image();
plv[i].src=preloadviews[i];
}
viewSelected = '1';
-->
</script>
<table width="300" border="0" cellspacing="0" cellpadding="0">
<tr><td width="300"><?
if (preg_match("/\.(gif|jpg|png)$/i", $image))
echo "<div id=content><img id='viewImage' src='$data_path/thumb/{$view_width}x{$view_height}_{$view_quality}/$image' width='{$view_width}' height='{$view_height}' border='0'></div>"; // 이미지크기
else
echo "<div id=content><img id='viewImage' src='$latest_skin_path/img/no_image.gif' width='{$view_width}' border='0'></div>";
?></td>
<td width="10">
<p> </p>
</td>
<td width="160" style="padding-top:10"><div id="topContentThumbnailSliderContents">
<table width="160" border="0" cellspacing="0" cellpadding="0">
<?
for ($i=0; $i<count($list); $i++) {
if($i==0) echo "<tr>";
$s=$i+1;
$image = $list[$i][file][0][file]; //원본
$source_imgae = $data_path."/".$image;
if (!file_exists($img) || !$list[$i][file][0][file]) $img = "$latest_skin_path/img/no_image.gif";
$img_big = thumbnail($source_imgae,$view_width,$view_height,0,2,$view_quality);
$img_small = "<img src='".thumbnail($source_imgae,$thumb_width,$thumb_height,0,2,$view_quality)."' border='0'>";
$q++;
?>
<td align="center" bgcolor="3e3e3e" OnMouseOver="this.style.backgroundColor='#FFFFFF'" OnMouseOut="this.style.backgroundColor='#3e3e3e'" style="padding:8">
<table border='0' cellspacing='1' cellpadding='0' align='center' bgcolor='333333'>
<tr><td><a href='<?=$list[$i][href]?>' onMouseover="javascript:loadView('<?=$img_big?>');"><?=$img_small?></a></td></tr>
</table></td>
<?
if($s%2!=0) echo "<td width='10'></td>";
if($s%2==0 ) echo "</tr><tr><td colspan='$colspan' align=center height=10></tr><tr>";
}?>
<? if (count($list) == 0) { ?><tr><td height=204 align=center ><font color=#6A6A6A>게시물이 없습니다.</a></td></tr><? } ?>
</table></div>
</td></tr></table>
<input type="hidden" id="sliderCount" value="0">
<script language="javascript">
function updateArrows() {
var curCount = parseInt(document.getElementById('sliderCount').value);
var allCount = parseInt(document.getElementById('topContentThumbnailSliderContents').getElementsByTagName('div').length / 2);
}
updateArrows();
</script>
$thumb_width=60; //섬네일 최대폭 300
$thumb_height=40; //섬네일 최대높이
$view_width=330; //뷰이미지 폭 300
$view_height=265; //뷰이미지 폭 300
$view_quality=90; //썸네일 퀄리티
이 부분을 수정해 보세요 ^^
http://www.creamteam.ca/bbs/test.php
설치가 다 된거 같은데...이미지가 움직이지를 않네요.
원래 마우스 롤오버 하면...이미지가 바뀌어야 하는것 같은데...부탁드립니다.
또는 에디터에 삽입된 이미지일 경우는 배제하였습니다.
오로지 첫번째 첨부파일이 있을 경우만 해당되므로
확인해 보니 첨부 이미지가 없는것 같은데 정상적으로 첨부가 되었는지 확인하여 주시구요.
또 하나는 첨부파일이 없을 경우 대체 이미지를 지정해 주시면 될 것 같네요
파일이 없어서 생기는 오류이며,
./data/file/thumb/450x362_noimg.gif
./data/file/thumb/90x65_noimg.gif
이렇게 두개의 파일을 해당 경로에 한번 삽입해 보세요...
그러나 썸네일 이미지의 사이즈가 다를 경우 또 제작을 해야 하므로
될 수 있으면 첨부파일을 삽입해 주세요
감사합니다.