최신글 가로 스크롤좀 봐주세요~ > 그누4 질문답변

그누4 질문답변

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

최신글 가로 스크롤좀 봐주세요~ 정보

최신글 가로 스크롤좀 봐주세요~

본문

shadowbox 적용하느라 DTD 설정을 했더니 여기저기 에러가 많이 나네요.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
위 소스를 넣고나니 잘 되던 갤러리 최신글이 안보이네요.

latest.skin.php 소스입니다.
어떻게 해야 정상작동할까요 ㅜㅜ

<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
?>
<style>
/* 썸네일 */
.gall a img {
    border:2px solid #CAC3A9;
}
</style>
<table width=100% cellpadding=0 cellspacing=0 border=0>
  <tr><td><a href="<?=$g4[bbs_path]?>/board.php?bo_table=<?=$bo_table?>"><img src="../images/portfolio_title.gif" border="0"></a></td></tr> 
  <tr><td height=10></td></tr>
  <tr><td valign="top">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr><td>

<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
$sliderwidth=360;// 스크롤러의 가로크기
$img_width=80 ;// 이미지의 폭  137
$img_height=62 ;// 이미지의 높이  26
$sliderheight=70 ;// 스크롤러의 높이 ; 이미지높이보다 조금 길게 26
$slidespeed=1 ;// 스크롤 속도 (클수록 빠릅니다 1-10)
$slidebgcolor="" ;// 배경색상
$board_skin_path = '../skin/board/portfolio';
?>

<table cellpadding=0 cellspacing=0>
<tr><td class=gall>
<link rel="stylesheet" type="text/css" href="<?=$board_skin_path?>/shadowbox.css">
<script type="text/javascript" src="<?=$board_skin_path?>/prototype.js"></script>
<script type="text/javascript" src="<?=$board_skin_path?>/shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init({
 handleOversize:     "resize",
 counterType: "skip",
    players:    ["img"]
});
</script>
<script type="text/javascript">
var sliderwidth=<?=$sliderwidth?>;
var sliderheight=<?=$sliderheight?> ;
var slidespeed=<?=$slidespeed?>;
slidebgcolor="<?=$slidebgcolor?>";
var leftrightslide=new Array()
var finalslide=''
<?
echo "leftrightslide[0]=\"<div style='center: 0px; position: relative; top: 0px; height: 85px; overflow:hidden;'><table border=0 cellpadding=0 cellspacing=0><tr>\";"."\r";
$c_cnt=0;
 for ($i=0; $i<count($list); $i++) {  //@@@@@
$c_cnt=$c_cnt+1;

$data_temp ="";
    $title = get_text($list[$i][wr_subject]);
    $content = cut_str(get_text($list[$i][wr_content]), 80);
    $img2 = "$g4[path]/data/file/$bo_table/".urlencode($list[$i][file][0][file]);
    //if (!file_exists($img) || !$list[$i][file][0][file])
      // $img = "$latest_skin_path/img/no_image.gif";
    $href = "$g4[bbs_path]/board.php?bo_table=$bo_table";
$img="<img src='".$img2."' width='".$img_width."' height='".$img_height."' border='0' align='absmiddle' title='".$title."'>";

$data_temp ="";
$data_temp .="leftrightslide[".$c_cnt."]=\"";
$data_temp .="<td style='padding-left:5pt;padding-right:5pt;'>";
$data_temp .="<TABLE cellSpacing=0 cellPadding=0  bgColor=#e0e0e0 border=0><TR><TD> <TABLE cellSpacing=0 cellPadding=0 bgColor=#f0f0f0 border=0><TR><TD align=middle bgColor=#ffffff >";  //테두리선

//실제내용시작
$data_temp .="<table border=0 cellpadding=0 cellspacing=0><tr><td align=center>";

 for ($j=0; $j<=count($list[$i][file]); $j++)
  {
  if ($list[$i][file][$j][view])
   {
   $file = "{$list[$i][file][$j][path]}/{$list[$i][file][$j][file]}"; 
   $thumbsource="$g4[path]/data/file/$bo_table/" . $list[$i][file][$j][file];
   $thumbimg="$g4[path]/data/file/$bo_table/img_" . $list[$i][file][$j][file].".thumb";
  
   if($j==0) $data_temp .= "<a href='$img2' rel='shadowbox[roadtrip{$i}]' title='{$list[$i][subject]}'>{$img}</a>";
   else $data_temp .= "<a href='{$file}' rel='shadowbox[roadtrip{$i}]' title='{$list[$i][wr_subject]}'></a>";
   }
  }
$data_temp .="</td></tr></table>";
//실제내용끝

$data_temp .="</td></tr></table></td></tr></table>"; //테두리선
$data_temp .="</td>";
$data_temp .="\";"."\r";
echo $data_temp ;
}//@@@@@@@@@@@@@@@@@@@
echo "leftrightslide[".($c_cnt+1)."]=\"</tr></table></div>\";";
?>

var copyspeed=slidespeed
leftrightslide='<nobr>'+leftrightslide.join(" ")+'</nobr>'
var iedom=document.all||document.getElementById
if (iedom)
document.write('<div id="temp" style="width: 100%; position: absolute; top:-100;left:-1000">'+leftrightslide+'</div>')
var actualwidth='0' ;
var cross_slide, ns_slide
function fillup(){
if (iedom){
cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2
cross_slide2=document.getElementById? document.getElementById("test3") : document.all.test3
cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide
actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth
cross_slide2.style.left=actualwidth+0
}
else if (document.layers){
ns_slide=document.ns_slidemenu.document.ns_slidemenu2
ns_slide2=document.ns_slidemenu.document.ns_slidemenu3
ns_slide.document.write(leftrightslide)
ns_slide.document.close()
actualwidth=ns_slide.document.width
ns_slide2.left=actualwidth+0
ns_slide2.document.write(leftrightslide)
ns_slide2.document.close()
}
lefttime=setInterval("slideleft()",40)
}
window.onload=fillup
function slideleft(){
if (iedom){
if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8))
cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed
else
cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth+0
if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8))
cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed
else
cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth+0
}
else if (document.layers){
if (ns_slide.left>(actualwidth*(-1)+8))
ns_slide.left-=copyspeed
else
ns_slide.left=ns_slide2.left+actualwidth+0
if (ns_slide2.left>(actualwidth*(-1)+8))
ns_slide2.left-=copyspeed
else
ns_slide2.left=ns_slide.left+actualwidth+0
}
}

if (iedom||document.layers){
with (document){
document.write('<div style="center: 0px;  position: relative; top: 0px; height: 85px; overflow:hidden;"><table border="0" cellspacing="0" cellpadding="0"><td>')
if (iedom){
write('<div style="position:relative;width:'+sliderwidth+';height:'+sliderheight+';overflow:hidden">')
write('<div style="position:absolute;width:'+sliderwidth+';height:'+sliderheight+';background-color:'+slidebgcolor+'" onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed">')
write('<div id="test2" style="position:absolute;left:0;top:0;width:'+sliderwidth+';height:'+sliderheight+';"></div>')
write('<div id="test3" style="position:absolute;left:-1000;top:0;width:'+sliderwidth+';height:'+sliderheight+';"></div>')
write('</div></div>')
}
else if (document.layers){
write('<ilayer width='+sliderwidth+' height='+sliderheight+' name="ns_slidemenu" bgColor='+slidebgcolor+'>')
write('<layer name="ns_slidemenu2" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')
write('<layer name="ns_slidemenu3" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')
write('</ilayer>')
}

document.write('</td></table></div>')
}
}
</script>

</td></tr>

<? if (count($list) == 0) { ?><tr><td colspan=4 align=center height=50><font color=#6A6A6A>게시물이 없습니다.</a></td></tr><? } ?>

           </table></td>
                <td></td>
              </tr>
              <tr>
                <td width="5" height="5"></td>
                <td></td>
                <td width="5" height="5"></td>
              </tr>
            </table>
 </td>
  </tr>
  <tr><td height=10></td></tr>
</table>
레이어쪽 css를 좀 손보면될듯한데 DTD에 대해서 잘 모르다보니
온종일 검색하고 손을 봐도 잘 안되네요.

수정이 어려우면, 서서히 움직이며 스크롤되는 소스 부탁드려요.
여기 스킨자료실에 있는 건 다봐도 원하는게 업네요.

댓글 전체

전체 13 |RSS
그누4 질문답변 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1402호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT