묻고답하기
최근갤러리 마우스 오버 질문있어요!
2012.12.19 21:14
http://19920506.net/intro.html
해당 사이트구요.
<table border=0 width=100% cellspacing=0 cellpadding=0>
<tr>
<td width=100% valign="top" onmouseover="this.style.filter='gray'" onmouseout="this.style.filter=''" >[img]</td>
</tr>
</table>
아래는 최근갤러리 소스인데요.
사이트 들어가보시면 알겠지만 이미지가 두갠데 한 이미지에 마우스를 올리면 이미지 두개가 다 흑백으로 변해요.
제가 하고 싶은 건 마우스오버한 이미지만 흑백으로 변하게 하고 싶은 거구요.
아마 최근갤러리 소스에다 바로 적용을 해서 그런 게 아닐까 생각이 되는데
outlogin.php에다 저걸 적용시킬 수 있을까요?
아니면 다른 방법이 있는지 고수님들 알려주세요ㅠ_ㅠ
// 갤러리 이미지 뽑아오는 스킨
function print_gallery($skinname, $title, $id, $num=10, $xsize=80, $ysize=80, $xnum=10) {
global $_zb_path, $_zb_url, $connect, $t_board, $admin_table, $HTTP_SESSION_VARS;
if(!$skinname||!$id) return;
$str = zReadFile($_zb_path."latest_skin/".$skinname."/main.html");
if(!$str) {
echo "지정하신 $skinname 이라는 최근목록 스킨이 존재하지 않습니다<br>";
return;
}
$tmpResult = mysql_query("select use_alllist from $admin_table where name='$id'") or die(mysql_error());
$setup = mysql_fetch_array($tmpResult);
if($setup[use_alllist]) $target = "zboard.php?id=".$id;
else $target = "view.php?id=".$id;
$result = mysql_query("select * from $t_board"."_$id where is_secret=0 && headnum >-2000000000 order by no desc limit $num", $connect) or die(mysql_error());
$i = 0;
while($data=mysql_fetch_array($result)) {
if(eregi("\.gif|\.jpg",$data[file_name1])) $filename = $_zb_url.$data[file_name1];
elseif(eregi("\.gif|\.jpg",$data[file_name2])) $filename = $_zb_url.$data[file_name2];
else $filename="";
if($filename) $imgList.="<a href='".$_zb_url.$target."&no=$data[no]'><img src='$filename' border=0 style=border-color:dfdfdf width=$xsize height=$ysize vspacing=10 hspacing=10></a>";
else $imgList.="<a href='".$_zb_url.$target."&no=$data[no]'><img src='[dir]t.gif' border=0 style=border-color:dfdfdf width=$xsize height=$ysize vspacing=0 hspacing=0></a>";
$i++;
if($i>=$xnum) {
$imgList.="<p>";
$i=0;
} else {
$imgList.="<p>";
}
}
$str = str_replace("[title]","<a href='".$_zb_url."zboard.php?id=".$id."'>".$title."</a>",$str);
$str = str_replace("[img]",$imgList,$str);
$str = str_replace("[dir]",$_zb_url."latest_skin/".$skinname."/images/",$str);
echo $str;
}
?>
<img src="http://19920506.net/bbs/data/data/1128.jpg" onMouseOver="this.style.filter='gray'" onMouseOut="this.style.filter=''" />
붉은 색 부분을 추가하면 됩니다.......
참고:
ie에서 지원되고
질문의 링크는 크로스브라우징을 생각안하고 위의 스크립트를 작성한 것 같습니다....