[수정]그누보드5 메인화면용 롤링슬라이드(slider) 최신글 갤러리스킨 > 그누보드5 스킨

그누보드5 스킨

좋은 댓글과 좋아요는 제작자에게 큰힘이 됩니다.

[수정]그누보드5 메인화면용 롤링슬라이드(slider) 최신글 갤러리스킨 정보

최신글 [수정]그누보드5 메인화면용 롤링슬라이드(slider) 최신글 갤러리스킨

첨부파일

jquery_img.zip (44.2K) 492회 다운로드 2014-03-28 05:07:24

본문

최신 그누보드에서 동작이 안되는 부분만 수정 했습니다.

원글 참조 http://sir.co.kr/bbs/board.php?bo_table=g5_skin&wr_id=2157&sca=%EC%B5%9C%EC%8B%A0%EA%B8%80

수정한 부분

1. Options이 안넘어가는 것
<?=latest("jquery_img", "t01", "5", "40", "1", "746|328|0|#efefef|post|block|link")?>

와 같이 중간에 40(디폴트값)이 들어가야 됩니다. 무엇인지는 모릅니다.

2. 요즘 찍는 사진 이미지가 너무 고해상도라서,  불당썸을 사용했습니다.

http://www.opencode.co.kr/bbs/board.php?bo_table=thumb

여기 내용 참조하셔서,  불당 썸 설치하시면 됩니다.

*** 앞으로 더 테스트 해 봐야 될것
  * Watermark는 잘 동작이 잘 안되네요

*** 개선해야 될 것
  * 사진의 보여지는 위치를 정하게???  Top, Center, Bottom, Left, Middle, Right옵션으로..
  * 제목도 사진에 오버랩되게???

추천
5

댓글 전체

최신버전에선 문제되는부분이 있었던거군요..ㅎ
지금 쓰고있었는데.. 너무 감사합니다.
근데 궁금했던것이.. 원하는 이펙트 하나만 지정해 쓰는건
가능한가요? 랜덤설정 말구요..
nivo 슬라이더에서 고쳐야 될것 같습니다.  저도 왕초보라서..

//Generate random effect
if(settings.effect == 'random'){
var anims = new Array('sliceDownRight','sliceDownLeft','sliceUpRight','sliceUpLeft','sliceUpDown','sliceUpDownLeft','fold','fade',
                'boxRandom','boxRain','boxRainReverse','boxRainGrow','boxRainGrowReverse');
currentEffect = anims[Math.floor(Math.random()*(anims.length + 1))];
if(currentEffect == undefined) currentEffect = 'fade';
}

javascript의 이부분을 수정하면 될것 같습니다.
jquery.nivo.slider.js 에서  random effect의 if 문 아래에 다음과 같은 문장을 넣으면 하나의 효과만 나타날것 같습니다.
currentEffect = 'sliceDownRight';
"Options이 안넘어가는 것"이라는 부분이 무엇을 말하나요?
저는 잘 돌아갑니다만... (g5-5.0b29)

http://www.internationale.kr

이미지도 고해상도를 사용하지 않기 때문에 불당 썸이라는 것을 설치할 필요가 없을 듯 하구요.
이미지 사이즈를 바꾸어 보시면 아실텐데.. 바뀌는지 안바뀌는지..

<?=latest("jquery_img", "t01", "5", "40", "1", "746|600|0|#efefef|post|block|link")?>

이것이 되면 옵션이 넘어가는 것이고, 안되면 옵션이 안넘어가는것입니다. (디폴트 값으로 동작)

고해상도 사용하지 않으시면 필요없습니다.  요즘 디카 사진의 크기가 4000*2000정도 이상 되어서 게시판에 올리면 전체가 안나와서 불당썸을 적용해 본 것입니다. 

저도 왕초보라서..  고수들은 필요없겠지만,  왕초보 입장에서 본 수정및 추가 사항입니다.
차이를 모르겠네요. 저는 '원조초보'라~^^

설정값과 다른 크기의 이미지를 올리면 자동으로 설정 크기에 맞춰지거나 설정 크기만큼 잘라서 보여준다는 의미인가요?
가로가 작은 이미지를 올려보니 원래 크기 그대로 보이고...
가로는 설정값과 동일하고 세로가 큰 이미지를 올려보니 윗 부분만 잘라서 보여주네요.
변경 전과 변경 후 모두 동일

그리고 위 끝 부분 소스가 'order'였는데 'link'로 바뀌었네요.
746*328은 화면에 보이고자하는 사이즈 입니다. 제 생각에는 원작자의 의도가 초기화면에 보여주고자 하는 사이즈인데..
 이 옵션이 안넘어간다는 것이죠..  그래서 옵션이 넘어가는지 안넘어가는지는 화면 사이즈를 바꾸어 보시면 안다는 것이죠..

746*600으로 하면 초기화면에 사이즈가 크게 나오는지 알수가 있죠.  사이즈가 크게 나오면 옵션이 잘 넘어가는것이고,  그렇지 않으면 옵션이 안넘어가는 것이죠.
아하~ 그렇군요.
(한스닷님이 올린 판)을 처음 설치했을 때 그 부분의 숫자가 왜 적용이 안되는지 궁금했었었는데...

그누보드 판올림과는 관련 없는 것으로 생각됩니다.
<?=latest("jquery_img", "갤러리 게시판 ID", "5", "40", "1", "가로|세로|0|#efefef|post|block|link")?>

저는 전용 갤러리 게시판을 만들어서 사용합니다.
해당 게시판을 노출시킬 필요는 없으니... 메뉴에서는 뺐습니다.
이번에 교체해보려고 적용했는데.. 먹통이되네요 ㅎ
기존것에서 수정한건 사이즈밖에 없는거같은데 말이죠..
불당썸도 설치하고 제대로 하긴한거같아요..
latest 에 새로올려주신 latest 상단 불당썸 인클루드 소스만 별도로 뽑아 옮겼을땐
되는데 파일 자체를 덮어씌우면 아무것도 안나와요 ;
불당썸 설치하고 인클루드만 되면 어쨌든 적용이 되고있는건지요?
Warning: include_once(./lib/thumb.lib.php): failed to open stream: No such file or directory in /host/home2/ny03/html/skin/latest/jquery_img/latest.skin.php on line 6 Warning: include_once(): Failed opening './lib/thumb.lib.php' for inclusion (include_path='.:/usr/share/pear:/usr/share/php') in /host/home2/ny03/html/skin/latest/jquery_img/latest.skin.php on line 6 Fatal error: Call to undefined function thumbnail() in /host/home2/ny03/html/skin/latest/jquery_img/latest.skin.php on line 47
이번 그누5설치하고 적용했는데 이러네요 이런건 어떻게 해결해야하나요?
감사합니다. 잘 사용하고 있습니다.
이렇게 해서 사용하고자 하는데 어케 수정해야 할지요
글 쓰기에서 링크 #1 에 연결 주소 / 링크 #2에 새창 또는 현재창 이렇게 했으면 합니다.
........ 아래 부분이 링크 같은데
//이미지가 아니면 그냥 통과
if(!preg_match("/\.(jpg|gif|png)$/i", $slideRow[bf_file])) continue;

switch($img_link) {
case 'link' : $post_link = $slideRow[wr_link1]; break;
case 'post' : $post_link = G5_BBS_URL."/board.php?bo_table=".$bo_table."&wr_id=".$slideRow[wr_id]; break;
default : $post_link = ""; break;
}
if($post_link) {
$target = "";
if($img_link == "link") $target = "target='_blank'";
$list[$i] = "<a href='$post_link' {$target}><img src='../data/file/".$bo_table."/".$slideRow[bf_file]."' width='$width'  height='$height' border=0></a>";
} else {
$list[$i] = "<a><img src='../data/file/".$bo_table."/".$slideRow[bf_file]."' width='$width'  height='$height' border=0></a>";
}
$i++;
}

//랜덤 출력
..........
아래것은 다른 것이며 링크1에 연결주소 링크2에 새창 또는 현재창입니다.  이것처럼 위에도 링크1에 연결주소 링크2에 새창 또는 현재창으로 보여주기를 했으면 합니다. 고수님 좀 .......
<a href="<?php echo $list[$i]['wr_link1'] ?>" target="<?php echo $list[$i]['wr_link2'] ?>"><img src="<?echo $list[$i]['file'][0]["path"]."/".$list[$i]['file'][0]["file"];?>" alt="" title="<?echo $list[$i]['subject'];?>"></a>

<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가 

//옵션분리
//기존 추출 지우기
unset($list);

// 이미지 뽑아오기
if(!$rows) $rows=4; //노출 이미지 갯수
list($width, $height, $border_width, $border_color, $img_link, $btn_view, $rand) = explode("|", $options);

if(!$width) $width = 1280;
if(!$height) $height = 328;
//if(!$border_width) $border_width = 1;
//if(!$border_color) $border_color = "#8c91a1";
//if($btn_view != "block" && $btn_view != "none") $btn_view = "none";


$slideRes = sql_query("SELECT * FROM g5_write_$bo_table AS a LEFT JOIN g5_board_file AS b ON a.wr_id=b.wr_id WHERE b.bo_table='$bo_table' ORDER BY a.wr_id DESC LIMIT $rows");

$i = 0;
while($slideRow = mysql_fetch_array($slideRes)){

	//이미지가 아니면 그냥 통과
	if(!preg_match("/\.(jpg|gif|png)$/i", $slideRow[bf_file])) continue;

	switch($img_link) {
		case 'link'	: $post_link = $slideRow[wr_link1]; break;
		//case 'post'	: $post_link = G5_BBS_URL."/board.php?bo_table=".$bo_table."&wr_id=".$slideRow[wr_id]; break;// 링크해제 또는 연결시 사용!!!!!!!!
		default		: $post_link = ""; break;

	}

	if($post_link) {
		$target = "";
		if($img_link == "link") $target = "target='_blank'";
		$list[$i] = "<a href='$post_link' {$target}><img src='../data/file/".$bo_table."/".$slideRow[bf_file]."' width='$width'  height='$height' border=0></a>";
	} else {
		$list[$i] = "<a><img src='../data/file/".$bo_table."/".$slideRow[bf_file]."' width='$width'  height='$height' border=0></a>";
	}

	$i++;
}

//랜덤 출력
if($rand == "rand") shuffle($list);

//버튼 위치
$btn_left =(int)($width - 25 * $i)/2;

?>

<link rel="stylesheet" href="<?php echo $latest_skin_url ?>/latest.jquery_img.css" type="text/css">

<style>
	.jquery_img { width:<?=$width?>px; height:<?=$height?>px; border:<?=$border_width?>px solid <?=$border_color?>; }
	.exhibition { width:<?=$width?>px; height:<?=$height?>px; position:relative; z-index:1; }
	.theme-default .nivo-controlNav { left:<?=$btn_left?>px; bottom:4px; display:<?=$btn_view?>;}
</style>

<script type="text/javascript" src="<?php echo $latest_skin_url ?>/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="<?php echo $latest_skin_url ?>/jquery.nivo.slider.js"></script>

<table border=0 cellpadding=0 cellspacing=0>
<tr><td class="jquery_img">
	<div class="exhibition">
		<div class="slider-wrapper theme-default">
   			<div id="slider" class="nivoSlider">
				<? for($i=0;$i<count($list);$i++) { echo $list[$i]; } ?>
			</div>
		</div>
	</div>

	<script type="text/javascript">
	$(window).load(function() {
		$('#slider').nivoSlider();
	});
	</script>
</td></tr>
</table>


latest.skin.php 29번째 줄을 수정 하시면 됩니다.
전체 2,430 |RSS
그누보드5 스킨 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT