Jquery이용한 최근겔러리(마우스오버시 이미지변경) > 그누4 스킨

그누4 스킨

스킨의 저작권은 해당 스킨 제작자님께 있으며, 그누보드의 저작권과 다를 수 있습니다.
스킨 다운로드시 좋아요와 감사의 코멘트를 남기시면 제작자에게 큰 힘이됩니다. ^^y
그누보드와 관련이 있지만 스킨과 빌더가 아니면 플러그인 게시판에 올려주세요.

Jquery이용한 최근겔러리(마우스오버시 이미지변경) 정보

최신글 Jquery이용한 최근겔러리(마우스오버시 이미지변경)

첨부파일

utf-supercan.zip (1.8K) 214회 다운로드 2010-05-12 07:18:52

본문

** 이미지사이즈조정 **
57줄 : $img_w = 130; //이미지넓이
58줄 : $img_h = 130; //이미지 높이

** 랜덤이 시른경우 **
83줄 : $a = rand(1,4); // 값을 (1,1) 1의값만 가질수 있습니다. (2,2)는 2의 값을 가질수있겠죠.^^

** 게시물 limit페이지 적용 **
<?=latest("스킨이름","게시판명" ,게시물갯수,게시물제목,게시물한줄단위수);?>
<?=latest("supercan","illust_etc" ,40,100,4);?>

아차 참고로 게시물제목은 제가 뻈네여.. 님들이 다시 넣으세욤...
그리고, 게시판제목 연결 부분도 없습니다. 다만 추출만 되는것입니다. 물론 링크도 되고요
단순하게 하나 만들었지만, 나름대로 고생했네여..
부디..좋은 리플로 힘나게 만들어주세염...^^  즐거운 시간되세요
추천
8

댓글 전체

감사합니다.
마우스 올렸을 때 이미지 액박인 분들은 다음을 수정하셔야 합니다.

$image = $list[$i][file][2][file]; //원본
$image1 = $list[$i][file][1][file]; //원본

$image = $list[$i][file][1][file]; //수정
$image1 = $list[$i][file][0][file]; //수정
</table> 위치가 잘못되었고  style='width:{$img_w}px; height:{$img_h}px;' 도 수정하였습니다.

-- 수정 --

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

if(!$options) $options=3;

$cols  = $options; //  이미지 가로갯수 //  이미지 세로 갯수는 메인에서 지정(총 이미지 수)
$image_h  = 5; // 이미지 상하 간격

$col_width = (int)(99 / $cols);

$data_path = $g4[path]."/data/file/$bo_table";
$thumb_path = $data_path.'/thumb';

$sql5 = "select a.gr_id, a.gr_subject, b.bo_table, b.bo_subject from $g4[group_table] as a left join $g4[board_table] as b on b.gr_id = a.gr_id where b.bo_table = '$bo_table' order by a.gr_id";
$theday5 = sql_fetch($sql5);
?>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
  $(document).ready(function() {
        $('.box_container1').hover(function(){
            var distance = $(this).outerWidth();
            $(this).find('.box_image1').animate({ left : distance },{queue:false,duration:300});
        }, function(){
            $(this).find('.box_image1').animate({ left : '0px' },{queue:false,duration:300});
        });     
       
        $('.box_container2').hover(function(){
            var distance = $(this).outerWidth();
            $(this).find('.box_image2').animate({ left : '-'+distance },{queue:false,duration:300});
        }, function(){
            $(this).find('.box_image2').animate({ left : '0px' },{queue:false,duration:300});
        });     
       
        $('.box_container3').hover(function(){
            var distance = $(this).outerHeight();
            $(this).find('.box_image3').animate({ top : distance },{queue:false,duration:300});
        }, function(){
            $(this).find('.box_image3').animate({ top : '0px' },{queue:false,duration:300});
        });     
       
        $('.box_container4').hover(function(){
            var distance = $(this).outerWidth();
            $(this).find('.box_image4').animate({ top : '-' + distance },{queue:false,duration:300});
        }, function(){
            $(this).find('.box_image4').animate({ top : '0px' },{queue:false,duration:300});
        });     
  });
</script>
<br /><br />
<?
$img_w = 175; //이미지사이즈조정
$img_h = 38; //이미지사이즈조정
?>
<style>
.box_container1{position:relative; width:<?= $img_w ?>px; overflow:hidden; height:<?= $img_h ?>px; background: black; color:white;}
.box_image1{ position:absolute; }
.box_info1 { margin:1px; font-family: 'Georgia'; font-weight: bold; }

.box_container2{position:relative; width:<?= $img_w ?>px; overflow:hidden; height:<?= $img_h ?>px; background: black; color:white;}
.box_image2{ position:absolute; }
.box_info2 { margin:1px; font-family: 'Georgia'; font-weight: bold; }

.box_container3{position:relative; width:<?= $img_w ?>px; overflow:hidden; height:<?= $img_h ?>px; background: black; color:white;}
.box_image3{ position:absolute; }
.box_info3 { margin:1px; font-family: 'Georgia'; font-weight: bold; }

.box_container4{position:relative; width:<?= $img_w ?>px; overflow:hidden; height:<?= $img_h ?>px; background: black; color:white;}
.box_image4{ position:absolute; }
.box_info4 { margin:1px; font-family: 'Georgia'; font-weight: bold; }
</style>

<table>
  <tr>
<?
$a = rand(1,4);
$b = $a;
?>

<? for ($i=0; $i<count($list); $i++) {
 if ($i>0 && $i%$cols==0) { echo "</tr><tr><td colspan='$cols' height='$image_h'></td></tr><tr>"; }   
?>
<td valign="top">
<?
$image = $list[$i][file][1][file]; //원본
$image1 = $list[$i][file][0][file]; //원본
$img=$data_path. "/".$image;  //썸네일이 없을경우 원본출력
$img1=$data_path. "/".$image1;  //썸네일이 없을경우 원본출력
$thumb = $thumb_path. "/". $list[$i][wr_id];

if ( file_exists($thumb) )
$img = $thumb;
 
$style = "style='font-family:돋움; font-size:9pt; color:#686695;' ";
if ($list[$i][icon_new]) {
$style = "style='font-family:돋움; font-size:9pt; color:#134980;' "; }
$subject = "<span $style>".$list[$i][subject]."</span>"; //제목 글자수 자르기
$wr_hit  = $list[$i]['wr_hit'];
$wr_id  = $list[$i]['wr_id'];
//if ($list[$i]['comment_cnt']) //코
//$cmt = "({$list[$i]['comment_cnt']})";

$bg = "";  //새글?
if ($list[$i][icon_new])
$bg="la_top_2.gif";
else
$bg="la_top_1.gif";

echo $list[$i][icon_reply] . " ";

echo "<table><tr><td><div class='box_container{$b}'><a href='$g4[bbs_path]/board.php?bo_table=$bo_table&wr_id=$wr_id'><img class='box_image{$b}' src='{$img1}' style='width:{$img_w}px; height:{$img_h}px;' /><img src='{$img}' style='width:{$img_w}px; height:{$img_h}px;' /></a></div></td></tr></table>";
?>
</td>
<? } ?>
</tr>
<?
$cnt = ($i%$cols);
for ($k=$cnt; $k<$cols && $cnt; $k++) {
echo "<td width=$col_width%>&nbsp;</td>";
}
?>
</table>
<? if ($i+1 < count($list)) { echo "</tr><tr><td colspan='$cols' height='$image_h'></td></tr><tr>"; } ?>
<? if (count($list) == 0) { echo "게시물이 없습니다."; } ?>
전체 5,850 |RSS
그누4 스킨 내용 검색

회원로그인

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