최신글을 index 에 두개출력하고 싶은데요

· 2010-12-20 (월) 00:36:49 · 1271 · 2
latest_onetap11 최신글을 사용하고 있습니다.
http://sir.co.kr/bbs/board.php?bo_table=g4_skin&wr_id=81228&sca=%C3%D6%BD%C5%B1%DB&sfl=&stx=&sst=wr_good&sod=desc&sop=and&page=1

index.php 에 하나만 사용하면 참 잘 되는데..
하나더 사용하면 작동에 문제가 생깁니다.
오토탭무빙이 되어야 하는데.. 첫번째 적용한것에 2번씩 작동하고
2번째 적용한것에 마우스를 올리면 1번째 적용한것 이미지가 움직여 버리네요.
스킨을 복사해서 latest.skin.php 에 자바스크립트 함수명을 바꿔봤는데도 똑같은 증상입니다.
어느부분을 수정하면 2개가 독립적으로 작동시킬수 있을까요?

latest.skin.php 내용입니다.

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

$img_width = 300; //큰 썸네일 가로
$img_height = 210; //큰 썸네일 세로
$img_quality = 90; //썸네일 퀄리티

if (!function_exists("imagecopyresampled")) alert("GD 2.0.1 이상 버전이 설치되어 있어야 사용할 수 있는 갤러리 게시판 입니다.");

$data_path = $g4[path]."/data/file/$bo_table";
$thumb_path = $data_path.'/thumb_ch05';
$ym = date("ym", $g4[server_time]);

@mkdir($thumb_path, 0707);
@chmod($thumb_path, 0707);

//코멘트와 리플글은 제외
$sql = " select * from $tmp_write_table
where wr_comment = '' and wr_reply = ''
order by wr_id DESC LIMIT 0, 1 ";
$result = sql_query($sql);
$last_con = sql_fetch_array($result);

?>

<SCRIPT type=text/javascript>
<!--
old_debate_P='1';
function ComeonP(objid_P){
document.getElementById("debate_P"+old_debate_P).style.display="none";
document.getElementById("debate_P"+old_debate_P+"#1").style.display="";
document.getElementById("debate_P"+objid_P+"#1").style.display="none";
document.getElementById("debate_P"+objid_P).style.display="";
document.getElementById("debate_content_P"+old_debate_P).style.display="none";
document.getElementById("debate_content_P"+objid_P).style.display="";
old_debate_P=objid_P;
}
var objid_P = 1;
var interval_best;

function best_changeP()
{
if( objid_P == <?=count($list)?> ) // 오버랩되는 갯수
objid_P = 1;
else
objid_P++;

ComeonP(objid_P);
}
function setInterval_best()
{
interval_best = setInterval("best_changeP()",5000);//속도조절
}
function clearInterval_best()
{
clearInterval(interval_best);
}
setInterval_best();
//-->
</SCRIPT>
<style type="text/css">
ul, li { list-style:none; margin:0; padding:0;}
#ifocusP { width:290px; height:200px; margin:0px; border:0px }
#ifocusP_img { display:inline; position:relative; float:left; width:290px; height:200px; border:0px; overflow:hidden; }
#ifocusP_imglist { position:absolute; }
#ifocusP_imglist li { width:280px; height:200px; overflow:hidden; }
#ifocusP_imglist img { width:280px; height:200px;}
#ifocusP_ico { display:inline; float:center; width:1px;}
#ifocusP_ico li { width:10px; height:46px; cursor:pointer; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=40); }
#ifocusP_ico img { width:300px; height:200px; }
#ifocusP_ico .current { background: url('<?=$latest_skin_path?>/image/ifocus_ico_bg.gif') no-repeat; opacity:1; -moz-opacity:1; filter:alpha(opacity=40); }
#ifocusP_subjbar { position:absolute; left:0; bottom:0; width:300px; height:46px; background:#000; opacity:0.4; -moz-opacity:0.5; filter:alpha(opacity=40); }
#ifocusP_subject { position:absolute; left:8px; bottom:5px; color:#FFFFFF;}
#ifocusP_subject .normal { display:none; }
.date {font-family:Tahoma; font-size:9px; color:#e3c191; padding-bottom:3px;}
</style>


<table width="68%" border="0" cellpadding="0" cellspacing="0">
<tr><td align="center">

<? for ($i=0; $i<count($list); $i++) {
$j = $i + 1;
if ($j == "1") {
echo "<DIV>";
echo "<DIV id=debate_content_P$j onmouseover=clearInterval_best() onmouseout=setInterval_best()>"; }
else { echo "<DIV id=debate_content_P$j onmouseover=clearInterval_best() onmouseout=setInterval_best() style='DISPLAY: none;'>\n"; }
?>
<table width="49%" border="0" cellspacing="0" cellpadding="0">
<tr><td >
<?
//썸네일 생성
$thumfile = "";
$thumb = $thumb_path.'/'.$list[$i][wr_id];
// 썸네일 이미지가 존재하지 않는다면
if (!file_exists($thumb)) {
$file = $list[$i][file][0][path] .'/'. $list[$i][file][0][file];
// 업로드된 파일이 이미지라면
if (preg_match("/\.(jp[e]?g|gif|png)$/i", $file) && file_exists($file)) {
$size = getimagesize($file);
if ($size[2] == 1)
$src = imagecreatefromgif($file);
else if ($size[2] == 2)
$src = imagecreatefromjpeg($file);
else if ($size[2] == 3)
$src = imagecreatefrompng($file);
else
break;

$rate = $img_width / $size[0];
$height = (int)($size[1] * $rate);

// 계산된 썸네일 이미지의 높이가 설정된 이미지의 높이보다 작다면
if ($height < $img_height)
// 계산된 이미지 높이로 복사본 이미지 생성
$dst = imagecreatetruecolor($img_width, $height);
else
// 설정된 이미지 높이로 복사본 이미지 생성
$dst = imagecreatetruecolor($img_width, $img_height);
imagecopyresampled($dst, $src, 0, 0, 0, 0, $img_width, $height, $size[0], $size[1]);
imagejpeg($dst, $thumb_path.'/'.$list[$i][wr_id], $img_quality);
chmod($thumb_path.'/'.$list[$i][wr_id], 0606);
} else { //게디터에서 삽입한 이미지 뽑자ㅠㅠ
$edit_img = $list[$i]['wr_content'];
if (eregi("data/cheditor4/{$ym}/[^<>]*\.(gif|jpg|png|bmp)", $edit_img, $tmp)) { // data/geditor------
$file = './' . $tmp[0]; // 파일명
$size = getimagesize($file);
if ($size[2] == 1)
$src = imagecreatefromgif($file);
else if ($size[2] == 2)
$src = imagecreatefromjpeg($file);
else if ($size[2] == 3)
$src = imagecreatefrompng($file);
else
break;

$rate = $img_width / $size[0];
$height = (int)($size[1] * $rate);

// 계산된 썸네일 이미지의 높이가 설정된 이미지의 높이보다 작다면
if ($height < $img_height)
// 계산된 이미지 높이로 복사본 이미지 생성
$dst = imagecreatetruecolor($img_width, $height);
else
// 설정된 이미지 높이로 복사본 이미지 생성
$dst = imagecreatetruecolor($img_width, $img_height);
imagecopyresampled($dst, $src, 0, 0, 0, 0, $img_width, $height, $size[0], $size[1]);
imagejpeg($dst, $thumb_path.'/'.$list[$i][wr_id], $img_quality);
chmod($thumb_path.'/'.$list[$i][wr_id], 0606);
}
}
}

if (file_exists($thumb))
$thumfile = "<img src='$thumb' width='{$img_width}' height='{$img_height}' border='0' style='border:0px #ccc solid'></a>";
else
//이미지가 없으면
$thumfile="<img src='$latest_skin_path/img/noimg.gif' width='{$img_width}' height='{$img_height}' style='border:0 #E7E7E7 solid'></a>";
//이미지가 아니네
if(preg_match("/\.(swf|wma|asf)$/i","$file") && file_exists($file))
{ $thumfile = "<script>doc_write(flash_movie('$file', 'flash$i', '$img_width', '$img_height', 'transparent'));</script>"; }
?>
<div id="ifocusP">
<div id="ifocusP_img">
<div id="ifocusP_imglist">
<div id="ifocusP_subjbar"></div>
<div id="ifocusP_subject">
<?=$list[$i]['subject']?><br>
<span class='date'>
<?=$list[$i]['datetime']?>  By.<?=$list[$i]['wr_name']?></span>
</div>
<div id="ifocusP_ico">
<a href='<?=$list[$i][href]?>'><?=$thumfile?></a>
</div></div></div></div>
</td>
</tr>
</table>
<?
echo "</DIV>";
}

?>


<div style="width:320px;padding:7px 0 0 0;">
<? for ($i=0; $i<count($list); $i++) {
$k = $i + 1;
$img_width_s = 55; //작은 썸네일 가로
$img_height_s = 43; //작은 썸네일 세로
$file = $list[$i][file][0][path] .'/'. $list[$i][file][0][file];
$thumb2 = $thumb_path.'/'.$list[$i][wr_id];
?>
<a href="<?=$list[$i][href]?>" onmouseover="javascript:ComeonP('<?=$k?>')"><img src="<?=$thumb2?>" width="<?=$img_width_s?>" height="<?=$img_height_s?>" hspace="0" id="debate_P<?=$k?>" onmouseover="clearInterval_best()" onmouseout="setInterval_best()" <? if($k == "1") { echo "style='border:2px solid #222222;' ";} else { echo "style='DISPLAY: none; border:2px solid #222222;' ";} ?>><img src="<?=$thumb2?>" width="<?=$img_width_s?>" height="<?=$img_height_s?>" hspace="0" border="0" id="debate_P<?=$k?>#1" <? if($k == "1") { echo "style='DISPLAY: none; border:2px solid #FFFFFF;'"; } else { echo "style='border:2px solid #FFFFFF;'";} ?>></a><? } ?>
</div>
</td>
</tr></table>
|

댓글 2개

해당스킨폴더 복사 붙혀넣기하신담에 이름 다르게 해서
하나는 그대로 쓰시고 하나는 스크립트 변수 다르게 하시고 div id값도 다르게 하셔서 쓰시면됩니다.
2010-12-23 (목) 04:25:38
변수명과 div id 모두 바꿨는데도 안되네요..
마우스를 오버하면 이미지가 바뀌게 되어있는데, 두번째것이 아닌 첫번째것이 바뀝니다.
혹시 DB 쪽 무언가는 아닐까요?;; ㅠㅠ
댓글을 작성하시려면 로그인이 필요합니다.

그누4 질문답변

66,531건

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기 기존 게시물은 열람만 가능합니다.

+
제목 글쓴이 날짜 조회
10-12-20 조회 1,041
10-12-20 조회 883
10-12-20 조회 1,380
10-12-20 조회 1,056
10-12-20 조회 1,120
10-12-20 조회 1,272
10-12-19 조회 1,053
10-12-19 조회 1,627
10-12-19 조회 1,696
10-12-19 조회 1,898
10-12-19 조회 1,053
10-12-19 조회 1,061
10-12-19 조회 1,130
10-12-19 조회 756
10-12-19 조회 861
10-12-19 조회 1,183
10-12-19 조회 1,059
10-12-19 조회 1,066
10-12-19 조회 829
10-12-18 조회 1,675