[재질문]갤러리 최신글 두개 출력하기~ 도와주세요.. 정보
[재질문]갤러리 최신글 두개 출력하기~ 도와주세요..
관련링크
본문
롤링되는 갤러리 최신글 쓰는데요~
메인 인덱스에 하나만 출력시키면 잘되는데 두개를 띄우니까 안되네요..
자바함수 중복때문에 그렇다는데.. 이거 자바함수좀 다 바꿔서 올려주심 감사하겠습니다 ㅜㅜ
아래는 latest.skin.php 소스입니다
<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
$cols = 5; // 이미지 가로갯수 // 이미지 세로 갯수는 메인에서 지정(총 이미지 수)
$imgwidth=135; //표시할 이미지의 가로사이즈
$imgheight=120; //표시할 이미지의 세로사이즈
$col_width = (int)(99 / $cols);
$data_path = $g4[path]."/data/file/$bo_table"; // 데이터 가져오는 테이블 값
$thumb_path = $data_path.'/thumb'; // 데이터 경로
?>
<!--------------------------------------------------------------------------------------------------------------------------------------------------------------------->
<SCRIPT LANGUAGE="JavaScript">
<!--
image_directory = ""; //배경이미지 경로
clear = new Image();
clear.src = image_directory + "./img/blank.gif";
// -->
</SCRIPT>
<style>
#thumbList .image img { border:3px solid #6380e8; }
.thumbNormal {
border:2px solid #ffffff;
cursor: pointer;
}
.thumbSelected {
border:2px solid #FF4E00;
}
</style>
<table width="240" border="0" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#FFFFFF">
<div id="thumbList" >
<table width=100% cellspacing="0" cellpadding="0" align="center" border="0">
<!--
<tr>
<td align="center" valign="top" bgcolor=white>
<div style='width:550px;position:relative;filter:progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=0.25,wipestyle=0,motion=forward);' align="center" id="loadarea"><img id='view_one' src="<?=$view_one?>" border="0"><br>
<span id='img_detail' align='center'><?=$view_one_content?></span><br><br></div>
<div style='display:none'><img id = "hidden_img" src='<?=$view_one?>'></div>
</td>
</tr>
-->
<tr>
<!--작은사진목록-->
<td style="padding:0 0 0 0px; border:0 solid ccc" align="center" valign="top" >
<!------------------------------------------------------------------------------------------>
<script type="text/javascript">
var sliderwidth="550px" //스크롤 가로 사이즈
var sliderheight="120px" //스크롤 세로 사이즈
var slidespeed="1"
slidebgcolor="" //스크롤 배경 색상
//var leftarrowimage = "<?=$latest_skin_path?>/img/img/arrow_l.gif"
//var rightarrowimage = "<?=$latest_skin_path?>/img/img/arrow_r.gif"
var leftarrowimage = "<?=$latest_skin_path?>/img/page_prev.gif"
var rightarrowimage = "<?=$latest_skin_path?>/img/page_next.gif"
var leftrightslide=new Array()
var finalslide=''
<!------------------------------------------------------------------------------------------>
<?
for ($i=0; $i<count($list); $i++) {
$filename = $list[$i][file][0][file]; //원본
$thumb=thumbnail($data_path. "/".$filename, $imgwidth, $imgheight, 0, 1); //썸네일이 없을경우 원본출력
//-----------------------------------------------------------------------------------------
?>
leftrightslide[<?=$i?>]="<span style='border:1px solid ffffff'><a href='<?=$list[$i][href]?>'><img src='<?=$thumb?>' border=0 hspace=3 vspace=3></A></span>";
<?
}
//-----------------------------------------------------------------------------------------
?>
var imagegap=""
var slideshowgap=0
var copyspeed=slidespeed
leftrightslide='<nobr>'+leftrightslide.join(imagegap)+'</nobr>'
var iedom=document.all||document.getElementById
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+leftrightslide+'</span>')
var actualwidth=''
var cross_slide, ns_slide
var righttime,lefttime
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+slideshowgap+"px"
}
else if (document.layers){
ns_slide=document.ns_slidemenu.document.ns_slidemenuorange
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+slideshowgap
ns_slide2.document.write(leftrightslide)
ns_slide2.document.close()
}
lefttime=setInterval("slideleft()",45)
}
//window.onload=fillup
if (!window.addEventListener){
window.attachEvent('onload', fillup);
}
else {
window.addEventListener('load', fillup, false);
}
function slideleft(){
if (iedom){
if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8))
cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed+"px"
else
cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth+slideshowgap+"px"
if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8))
cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed+"px"
else
cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth+slideshowgap+"px"
}
else if (document.layers){
if (ns_slide.left>(actualwidth*(-1)+8))
ns_slide.left-=copyspeed
else
ns_slide.left=ns_slide2.left+actualwidth+slideshowgap
if (ns_slide2.left>(actualwidth*(-1)+8))
ns_slide2.left-=copyspeed
else
ns_slide2.left=ns_slide.left+actualwidth+slideshowgap
}
}
function slideright(){
if (iedom){
if (parseInt(cross_slide.style.left)<(actualwidth+8))
cross_slide.style.left=parseInt(cross_slide.style.left)+copyspeed+"px"
else
cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth*(-1)+slideshowgap+"px"
if (parseInt(cross_slide2.style.left)<(actualwidth+8))
cross_slide2.style.left=parseInt(cross_slide2.style.left)+copyspeed+"px"
else
cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth*(-1)+slideshowgap+"px"
}
else if (document.layers){
if (ns_slide.left>(actualwidth*(-1)+8))
ns_slide.left-=copyspeed
else
ns_slide.left=ns_slide2.left+actualwidth+slideshowgap
if (ns_slide2.left>(actualwidth*(-1)+8))
ns_slide2.left-=copyspeed
else
ns_slide2.left=ns_slide.left+actualwidth+slideshowgap
}
}
function right(){
if(lefttime){
clearInterval(lefttime)
clearInterval(righttime)
righttime=setInterval("slideright()",45)
}
}
function left(){
if(righttime){
clearInterval(lefttime)
clearInterval(righttime)
lefttime=setInterval("slideleft()",45)
}
}
document.write('<table width='+sliderwidth+' border="0" align="center" cellspacing="0" cellpadding="0">');
document.write('<tr><td align=center valign=middle width=20><img src='+leftarrowimage+' onMouseover="right(); copyspeed=2" onMouseout="copyspeed=1" style="cursor:hand"></td>')
if (iedom||document.layers){
with (document){
document.write('<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=1">')
write('<div id="test2" style="position:absolute;left:0px;top:0px"></div>')
write('<div id="test3" style="position:absolute;left:-1000px;top:0px"></div>')
write('</div></div>')
}
else if (document.layers){
write('<ilayer width='+sliderwidth+' height='+sliderheight+' name="ns_slidemenu" bgColor='+slidebgcolor+'>')
write('<layer name="ns_slidemenuorange" 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>')
}
}
document.write('<td width="20" align=center valign=middle><img src='+rightarrowimage+' onMouseover="left();copyspeed=2" onMouseout="copyspeed=1" style="cursor:hand"></td></tr></table>')
function showBodyImage(url, url2, content) {
//imagearea = document.getElementById("loadarea");
//imageHTML = "<img src='" + url + "' boarder=0 style=\"filter:progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=0.25,wipestyle=0,motion=forward);\" ><br><center>" + content + "</center>";
bodyImage = document.getElementById("view_one");
hiddenImage = document.getElementById("hidden_img");
view_one.src = url;
hiddenImage.src = url2;
view_detail = document.getElementById("img_detail");
view_detail.innerHTML = content;
//loadarea.innerHTML=imageHTML;
}
</script>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
메인 인덱스에 하나만 출력시키면 잘되는데 두개를 띄우니까 안되네요..
자바함수 중복때문에 그렇다는데.. 이거 자바함수좀 다 바꿔서 올려주심 감사하겠습니다 ㅜㅜ
아래는 latest.skin.php 소스입니다
<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
$cols = 5; // 이미지 가로갯수 // 이미지 세로 갯수는 메인에서 지정(총 이미지 수)
$imgwidth=135; //표시할 이미지의 가로사이즈
$imgheight=120; //표시할 이미지의 세로사이즈
$col_width = (int)(99 / $cols);
$data_path = $g4[path]."/data/file/$bo_table"; // 데이터 가져오는 테이블 값
$thumb_path = $data_path.'/thumb'; // 데이터 경로
?>
<!--------------------------------------------------------------------------------------------------------------------------------------------------------------------->
<SCRIPT LANGUAGE="JavaScript">
<!--
image_directory = ""; //배경이미지 경로
clear = new Image();
clear.src = image_directory + "./img/blank.gif";
// -->
</SCRIPT>
<style>
#thumbList .image img { border:3px solid #6380e8; }
.thumbNormal {
border:2px solid #ffffff;
cursor: pointer;
}
.thumbSelected {
border:2px solid #FF4E00;
}
</style>
<table width="240" border="0" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#FFFFFF">
<div id="thumbList" >
<table width=100% cellspacing="0" cellpadding="0" align="center" border="0">
<!--
<tr>
<td align="center" valign="top" bgcolor=white>
<div style='width:550px;position:relative;filter:progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=0.25,wipestyle=0,motion=forward);' align="center" id="loadarea"><img id='view_one' src="<?=$view_one?>" border="0"><br>
<span id='img_detail' align='center'><?=$view_one_content?></span><br><br></div>
<div style='display:none'><img id = "hidden_img" src='<?=$view_one?>'></div>
</td>
</tr>
-->
<tr>
<!--작은사진목록-->
<td style="padding:0 0 0 0px; border:0 solid ccc" align="center" valign="top" >
<!------------------------------------------------------------------------------------------>
<script type="text/javascript">
var sliderwidth="550px" //스크롤 가로 사이즈
var sliderheight="120px" //스크롤 세로 사이즈
var slidespeed="1"
slidebgcolor="" //스크롤 배경 색상
//var leftarrowimage = "<?=$latest_skin_path?>/img/img/arrow_l.gif"
//var rightarrowimage = "<?=$latest_skin_path?>/img/img/arrow_r.gif"
var leftarrowimage = "<?=$latest_skin_path?>/img/page_prev.gif"
var rightarrowimage = "<?=$latest_skin_path?>/img/page_next.gif"
var leftrightslide=new Array()
var finalslide=''
<!------------------------------------------------------------------------------------------>
<?
for ($i=0; $i<count($list); $i++) {
$filename = $list[$i][file][0][file]; //원본
$thumb=thumbnail($data_path. "/".$filename, $imgwidth, $imgheight, 0, 1); //썸네일이 없을경우 원본출력
//-----------------------------------------------------------------------------------------
?>
leftrightslide[<?=$i?>]="<span style='border:1px solid ffffff'><a href='<?=$list[$i][href]?>'><img src='<?=$thumb?>' border=0 hspace=3 vspace=3></A></span>";
<?
}
//-----------------------------------------------------------------------------------------
?>
var imagegap=""
var slideshowgap=0
var copyspeed=slidespeed
leftrightslide='<nobr>'+leftrightslide.join(imagegap)+'</nobr>'
var iedom=document.all||document.getElementById
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+leftrightslide+'</span>')
var actualwidth=''
var cross_slide, ns_slide
var righttime,lefttime
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+slideshowgap+"px"
}
else if (document.layers){
ns_slide=document.ns_slidemenu.document.ns_slidemenuorange
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+slideshowgap
ns_slide2.document.write(leftrightslide)
ns_slide2.document.close()
}
lefttime=setInterval("slideleft()",45)
}
//window.onload=fillup
if (!window.addEventListener){
window.attachEvent('onload', fillup);
}
else {
window.addEventListener('load', fillup, false);
}
function slideleft(){
if (iedom){
if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8))
cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed+"px"
else
cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth+slideshowgap+"px"
if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8))
cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed+"px"
else
cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth+slideshowgap+"px"
}
else if (document.layers){
if (ns_slide.left>(actualwidth*(-1)+8))
ns_slide.left-=copyspeed
else
ns_slide.left=ns_slide2.left+actualwidth+slideshowgap
if (ns_slide2.left>(actualwidth*(-1)+8))
ns_slide2.left-=copyspeed
else
ns_slide2.left=ns_slide.left+actualwidth+slideshowgap
}
}
function slideright(){
if (iedom){
if (parseInt(cross_slide.style.left)<(actualwidth+8))
cross_slide.style.left=parseInt(cross_slide.style.left)+copyspeed+"px"
else
cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth*(-1)+slideshowgap+"px"
if (parseInt(cross_slide2.style.left)<(actualwidth+8))
cross_slide2.style.left=parseInt(cross_slide2.style.left)+copyspeed+"px"
else
cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth*(-1)+slideshowgap+"px"
}
else if (document.layers){
if (ns_slide.left>(actualwidth*(-1)+8))
ns_slide.left-=copyspeed
else
ns_slide.left=ns_slide2.left+actualwidth+slideshowgap
if (ns_slide2.left>(actualwidth*(-1)+8))
ns_slide2.left-=copyspeed
else
ns_slide2.left=ns_slide.left+actualwidth+slideshowgap
}
}
function right(){
if(lefttime){
clearInterval(lefttime)
clearInterval(righttime)
righttime=setInterval("slideright()",45)
}
}
function left(){
if(righttime){
clearInterval(lefttime)
clearInterval(righttime)
lefttime=setInterval("slideleft()",45)
}
}
document.write('<table width='+sliderwidth+' border="0" align="center" cellspacing="0" cellpadding="0">');
document.write('<tr><td align=center valign=middle width=20><img src='+leftarrowimage+' onMouseover="right(); copyspeed=2" onMouseout="copyspeed=1" style="cursor:hand"></td>')
if (iedom||document.layers){
with (document){
document.write('<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=1">')
write('<div id="test2" style="position:absolute;left:0px;top:0px"></div>')
write('<div id="test3" style="position:absolute;left:-1000px;top:0px"></div>')
write('</div></div>')
}
else if (document.layers){
write('<ilayer width='+sliderwidth+' height='+sliderheight+' name="ns_slidemenu" bgColor='+slidebgcolor+'>')
write('<layer name="ns_slidemenuorange" 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>')
}
}
document.write('<td width="20" align=center valign=middle><img src='+rightarrowimage+' onMouseover="left();copyspeed=2" onMouseout="copyspeed=1" style="cursor:hand"></td></tr></table>')
function showBodyImage(url, url2, content) {
//imagearea = document.getElementById("loadarea");
//imageHTML = "<img src='" + url + "' boarder=0 style=\"filter:progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=0.25,wipestyle=0,motion=forward);\" ><br><center>" + content + "</center>";
bodyImage = document.getElementById("view_one");
hiddenImage = document.getElementById("hidden_img");
view_one.src = url;
hiddenImage.src = url2;
view_detail = document.getElementById("img_detail");
view_detail.innerHTML = content;
//loadarea.innerHTML=imageHTML;
}
</script>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
댓글 전체