첨부파일 이미지 2개를 사용해서 롤오버 롤아웃 효과를 내고 싶습니다 정보
첨부파일 이미지 2개를 사용해서 롤오버 롤아웃 효과를 내고 싶습니다본문
http://sir.co.kr/bbs/board.php?bo_table=g4_skin&wr_id=127131&sca=&sfl=wr_subject%7C%7Cwr_content&stx=%EB%8F%99%EC%98%81%EC%83%81&page=2
안녕하세요
제가 신비나라 님이 올려주신 최근게시물 스킨을 약간 수정해서 사용하고 있습니다
그런데 여기서 추가기능으로 사용할것이
썸네일 이미지를 하나더 파일첨부해서
마우스가 안올려졌을때 첨부파일 1번 이미지
마우스 올렸을때 첨부파일 2번 이미지
이렇게 나오게 하고 싶습니다
지금은 마우스 안올려져있을때는 그냥 images 폴더에서 이미지 한장불러와서
다같이 사용하고있는데요
이건 유지하고 이상태에서 마우스 올렸을떄 첨부파일 2번 이미지가 뜨게 하는거죠
글올릴떄 첨부이미지를 1개말고 2개 올려서 사용하고 싶네요..
방법이 있을까요??
http://www.filmzone.co.kr
이건 적용시킨 사이트이구요 롤오버 롤아웃 효과를 흑백 이미지였다가 칼라 이미지로 나오게
하려구요..
latest.skin.php
-------------------------------------------------------------------------------------
<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
//불당썸 설치 필 수
include_once("$g4[path]/lib/thumb.lib.php");
$img_width = 260; //표시할 이미지의 가로사이즈
$img_height = 160; //표시할 이미지의 세로사이즈
//언샾마스트 퀄리티(썸 노이즈바지)
$th['filter'] = array();
$th['filter']['type'] = 90;
$th['filter']['arg1'] = 100;
$th['filter']['arg2'] = 1;
$th['filter']['arg3'] = 2;
$noimg = $latest_skin_path."/images/noimg.jpg";
$write_table =$g4[write_prefix].$bo_table;
$cat_row = sql_fetch(" SELECT bo_category_list FROM $g4[board_table] WHERE bo_table = '$bo_table' ");
$ca_name_arr = explode("|", $cat_row[bo_category_list]); // 구분자가 , 로 되어 있음
?>
<link rel="stylesheet" href="<?=$latest_skin_path?>/css/style.css" type="text/css"/>
<link rel="stylesheet" href="<?=$latest_skin_path?>/css/prettyPhoto.css" type="text/css"/><!-- Necessary for lightbox Popups -->
<script type="text/javascript" src="<?=$latest_skin_path?>/js/main.js"></script>
<script type="text/javascript" src="<?=$latest_skin_path?>/js/jquery.prettyPhoto.js"></script><!-- Necessary for Popups -->
<script type="text/javascript" src="<?=$latest_skin_path?>/js/popups.js"></script>
<!-- Necessary for Sorted -->
<script type="text/javascript" src="<?=$latest_skin_path?>/js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="<?=$latest_skin_path?>/js/jquery.quicksand.js"></script>
<script type="text/javascript" src="<?=$latest_skin_path?>/js/quicksand.js"></script>
</head>
<body>
<div class="wrapper">
<!-- CONTENT BEGIN -->
<div id="content" class="block_portfolio_4c">
<div class="inner">
<div class="separator_14"></div>
<div class="separator_26"></div>
<div class="block_four_columns" id="container">
<ul class="block_filtered_items">
<!-- portfolio item -->
<?
for ($i=0; $i<count($list); $i++) {
$file = $list[$i][file][0][path] .'/'. $list[$i][file][0][file];
// 업로드된 파일이 이미지라면
if (preg_match("/\.(jpg|gif|png|bmp)$/i", $file) && file_exists($file)) {
$thumb = thumbnail($file, $img_width, $img_height, 0, 1, 90, 0, "", $filter, $noimg); //첨부파일 언샾마스크추가
} else { //에디터에서 삽입한 이미지
$edit_img = $list[$i]['wr_content'];
if (eregi("data/cheditor4[^<>]*\.(gif|jp[e]?g|png|bmp)", $edit_img, $tmp)) { // data/cheditor------
$file = $g4[path].'/' . $tmp[0]; // 파일명
$thumb=thumbnail($file, $img_width, $img_height, 0, 1, 90, 0, "", $filter, $noimg); //언샾마스크추가
}
}
$content = cut_str(strip_tags($list[$i][wr_content]), 76);
?>
<li class="column_3 filtering_item <?=$list[$i][wr_link1]?"video":""?> item1" title="<?=$list[$i][ca_name]?>" style="margin:0 30px 40px 0 ;">
<div class="pic_wrapper">
<span class="block_general_pic">
<? if ($list[$i][wr_link1]) { ?>
<a href="<?=$list[$i][wr_link1]?>" rel="prettyPhoto[gallery]" title="" class="hover_1">
<? } else { ?>
<a href="<?=$file?>" rel="prettyPhoto[gallery]" title="" class="hover_1">
<? } ?>
<img width="<?=$img_width?>" height="<?=$img_height?>" src="<?=$thumb?>" class="r_conner_pic wp-post-image" alt="<?=$list[$i][subject]?>" title="" />
<span class="block_hover"> </span>
</a>
<a href="<?=$list[$i][href]?>" class="post_link"><span>Full Post</span></a>
</span>
</div>
<h3 style="font-family:돋움,'NanumGothicWeb', Arial, Helvetica, sans-serif; font-size:14px; color:#5d5d5d; font-weight:bold;"><? if ($is_admin == "super") { ?><a href="<?=$list[$i][href]?>"><?=$list[$i][subject]?></a>
<?}else{?>
<?=$list[$i][subject]?>
<?}?></h3>
<p class="description" style="font-family:돋움,'NanumGothicWeb', Arial, Helvetica, sans-serif; font-size:12px; color:#5d5d5d; font-weight:light;"><?=$content?>
<? if ($is_admin == "super") { ?><a href="<?=$list[$i][href]?>" class="arr_d"><img src="<?=$latest_skin_path?>/images/arrow_1.gif" alt="" /></a> <?}else{?>
<?}?></p>
</li>
<? } ?>
<!-- portfolio item -->
</ul>
</div>
<div class="separator_16"></div>
</div>
</div>
<!-- CONTENT END -->
<div class="separator_6"></div>
</div>
안녕하세요
제가 신비나라 님이 올려주신 최근게시물 스킨을 약간 수정해서 사용하고 있습니다
그런데 여기서 추가기능으로 사용할것이
썸네일 이미지를 하나더 파일첨부해서
마우스가 안올려졌을때 첨부파일 1번 이미지
마우스 올렸을때 첨부파일 2번 이미지
이렇게 나오게 하고 싶습니다
지금은 마우스 안올려져있을때는 그냥 images 폴더에서 이미지 한장불러와서
다같이 사용하고있는데요
이건 유지하고 이상태에서 마우스 올렸을떄 첨부파일 2번 이미지가 뜨게 하는거죠
글올릴떄 첨부이미지를 1개말고 2개 올려서 사용하고 싶네요..
방법이 있을까요??
http://www.filmzone.co.kr
이건 적용시킨 사이트이구요 롤오버 롤아웃 효과를 흑백 이미지였다가 칼라 이미지로 나오게
하려구요..
latest.skin.php
-------------------------------------------------------------------------------------
<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
//불당썸 설치 필 수
include_once("$g4[path]/lib/thumb.lib.php");
$img_width = 260; //표시할 이미지의 가로사이즈
$img_height = 160; //표시할 이미지의 세로사이즈
//언샾마스트 퀄리티(썸 노이즈바지)
$th['filter'] = array();
$th['filter']['type'] = 90;
$th['filter']['arg1'] = 100;
$th['filter']['arg2'] = 1;
$th['filter']['arg3'] = 2;
$noimg = $latest_skin_path."/images/noimg.jpg";
$write_table =$g4[write_prefix].$bo_table;
$cat_row = sql_fetch(" SELECT bo_category_list FROM $g4[board_table] WHERE bo_table = '$bo_table' ");
$ca_name_arr = explode("|", $cat_row[bo_category_list]); // 구분자가 , 로 되어 있음
?>
<link rel="stylesheet" href="<?=$latest_skin_path?>/css/style.css" type="text/css"/>
<link rel="stylesheet" href="<?=$latest_skin_path?>/css/prettyPhoto.css" type="text/css"/><!-- Necessary for lightbox Popups -->
<script type="text/javascript" src="<?=$latest_skin_path?>/js/main.js"></script>
<script type="text/javascript" src="<?=$latest_skin_path?>/js/jquery.prettyPhoto.js"></script><!-- Necessary for Popups -->
<script type="text/javascript" src="<?=$latest_skin_path?>/js/popups.js"></script>
<!-- Necessary for Sorted -->
<script type="text/javascript" src="<?=$latest_skin_path?>/js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="<?=$latest_skin_path?>/js/jquery.quicksand.js"></script>
<script type="text/javascript" src="<?=$latest_skin_path?>/js/quicksand.js"></script>
</head>
<body>
<div class="wrapper">
<!-- CONTENT BEGIN -->
<div id="content" class="block_portfolio_4c">
<div class="inner">
<div class="separator_14"></div>
<div class="separator_26"></div>
<div class="block_four_columns" id="container">
<ul class="block_filtered_items">
<!-- portfolio item -->
<?
for ($i=0; $i<count($list); $i++) {
$file = $list[$i][file][0][path] .'/'. $list[$i][file][0][file];
// 업로드된 파일이 이미지라면
if (preg_match("/\.(jpg|gif|png|bmp)$/i", $file) && file_exists($file)) {
$thumb = thumbnail($file, $img_width, $img_height, 0, 1, 90, 0, "", $filter, $noimg); //첨부파일 언샾마스크추가
} else { //에디터에서 삽입한 이미지
$edit_img = $list[$i]['wr_content'];
if (eregi("data/cheditor4[^<>]*\.(gif|jp[e]?g|png|bmp)", $edit_img, $tmp)) { // data/cheditor------
$file = $g4[path].'/' . $tmp[0]; // 파일명
$thumb=thumbnail($file, $img_width, $img_height, 0, 1, 90, 0, "", $filter, $noimg); //언샾마스크추가
}
}
$content = cut_str(strip_tags($list[$i][wr_content]), 76);
?>
<li class="column_3 filtering_item <?=$list[$i][wr_link1]?"video":""?> item1" title="<?=$list[$i][ca_name]?>" style="margin:0 30px 40px 0 ;">
<div class="pic_wrapper">
<span class="block_general_pic">
<? if ($list[$i][wr_link1]) { ?>
<a href="<?=$list[$i][wr_link1]?>" rel="prettyPhoto[gallery]" title="" class="hover_1">
<? } else { ?>
<a href="<?=$file?>" rel="prettyPhoto[gallery]" title="" class="hover_1">
<? } ?>
<img width="<?=$img_width?>" height="<?=$img_height?>" src="<?=$thumb?>" class="r_conner_pic wp-post-image" alt="<?=$list[$i][subject]?>" title="" />
<span class="block_hover"> </span>
</a>
<a href="<?=$list[$i][href]?>" class="post_link"><span>Full Post</span></a>
</span>
</div>
<h3 style="font-family:돋움,'NanumGothicWeb', Arial, Helvetica, sans-serif; font-size:14px; color:#5d5d5d; font-weight:bold;"><? if ($is_admin == "super") { ?><a href="<?=$list[$i][href]?>"><?=$list[$i][subject]?></a>
<?}else{?>
<?=$list[$i][subject]?>
<?}?></h3>
<p class="description" style="font-family:돋움,'NanumGothicWeb', Arial, Helvetica, sans-serif; font-size:12px; color:#5d5d5d; font-weight:light;"><?=$content?>
<? if ($is_admin == "super") { ?><a href="<?=$list[$i][href]?>" class="arr_d"><img src="<?=$latest_skin_path?>/images/arrow_1.gif" alt="" /></a> <?}else{?>
<?}?></p>
</li>
<? } ?>
<!-- portfolio item -->
</ul>
</div>
<div class="separator_16"></div>
</div>
</div>
<!-- CONTENT END -->
<div class="separator_6"></div>
</div>
댓글 전체
http://sir.co.kr/bbs/board.php?bo_table=g4_skin&wr_id=133867&sfl=mb_id%2C1&stx=bach72 이 최신글 소스를 가지고 롤오버시 $list[$i][file][1][path]을 부르시면될것 같습니다.
아니면 간단히 스타일 속성을 쓰셔도 될것같습니다... style="filter:gray();"
아니면 간단히 스타일 속성을 쓰셔도 될것같습니다... style="filter:gray();"