최신글을 index 에 두개출력하고 싶은데요 정보
최신글을 index 에 두개출력하고 싶은데요본문
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>
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>
댓글 전체
해당스킨폴더 복사 붙혀넣기하신담에 이름 다르게 해서
하나는 그대로 쓰시고 하나는 스크립트 변수 다르게 하시고 div id값도 다르게 하셔서 쓰시면됩니다.
하나는 그대로 쓰시고 하나는 스크립트 변수 다르게 하시고 div id값도 다르게 하셔서 쓰시면됩니다.
변수명과 div id 모두 바꿨는데도 안되네요..
마우스를 오버하면 이미지가 바뀌게 되어있는데, 두번째것이 아닌 첫번째것이 바뀝니다.
혹시 DB 쪽 무언가는 아닐까요?;; ㅠㅠ
마우스를 오버하면 이미지가 바뀌게 되어있는데, 두번째것이 아닌 첫번째것이 바뀝니다.
혹시 DB 쪽 무언가는 아닐까요?;; ㅠㅠ