Jquery이용한 최근겔러리(마우스오버시 이미지변경) 정보
최신글 Jquery이용한 최근겔러리(마우스오버시 이미지변경)관련링크
http://www.designonex.com
1109회 연결
첨부파일
본문
** 이미지사이즈조정 **
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);?>
아차 참고로 게시물제목은 제가 뻈네여.. 님들이 다시 넣으세욤...
그리고, 게시판제목 연결 부분도 없습니다. 다만 추출만 되는것입니다. 물론 링크도 되고요
단순하게 하나 만들었지만, 나름대로 고생했네여..
부디..좋은 리플로 힘나게 만들어주세염...^^ 즐거운 시간되세요
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
8
댓글 전체
OH! GOOD!!! 감사합니다.
괜찮은 아이디어 네요.^^ 아이디어추천
감사한마음으로 잘쓰겠습니다
근데 제목이나 본문내용일부를 이미지
밑에 추출할려면 어떻게 해야 할까요?
근데 제목이나 본문내용일부를 이미지
밑에 추출할려면 어떻게 해야 할까요?
아이디어 좋습니다. 고생하셨겠네요
수고하셨습니다. ^^
수고하셨습니다. ^^
굿굿 추천드립니다
좋아요
감사합니다.
마우스 올렸을 때 이미지 액박인 분들은 다음을 수정하셔야 합니다.
$image = $list[$i][file][2][file]; //원본
$image1 = $list[$i][file][1][file]; //원본
$image = $list[$i][file][1][file]; //수정
$image1 = $list[$i][file][0][file]; //수정
마우스 올렸을 때 이미지 액박인 분들은 다음을 수정하셔야 합니다.
$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%> </td>";
}
?>
</table>
<? if ($i+1 < count($list)) { echo "</tr><tr><td colspan='$cols' height='$image_h'></td></tr><tr>"; } ?>
<? if (count($list) == 0) { echo "게시물이 없습니다."; } ?>
-- 수정 --
<?
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%> </td>";
}
?>
</table>
<? if ($i+1 < count($list)) { echo "</tr><tr><td colspan='$cols' height='$image_h'></td></tr><tr>"; } ?>
<? if (count($list) == 0) { echo "게시물이 없습니다."; } ?>
http://inara.codns.com/ 이 주소를 클릭하면 없는주소 nanzoa.com으로 연결되는데 그 이유를 아시나요 ?
Jquery이용한 최근겔러리(마우스오버시 이미지변경)
와우 신기하다 쿳