스크롤최근갤러리 이미지 안뜨는 문제 문의요 정보
스크롤최근갤러리 이미지 안뜨는 문제 문의요첨부파일
본문
그누보드 3에서 사용하던 최근갤러리 (스크롤)소스를 그누보드4에 적용을 했더니 참고 사이트와 같이 이미지가 깨지거든요. 클릭하면 연결이 잘 되구요.
최근갤러리 소스를 어디서 수정해야할지 몰라서요..
이미지 경로문제인거 같은데 초보인지라 수정할 곳을 못찾겠어요.
고수님들 아래 소스좀 봐주시고 어디를 어떡해 수정해야할지 부탁드립니다.
(에러 사이트)오른쪽 하얀박스
http://www.suiteparis.com/edasom/suite_a_03.php
편안한 밤 되세요/
아래소스 첨부파일로 첨부도 했어요
아래 소스입니다.
<!------- 가능하면 js 파일로 불러오세요 ------->
<SCRIPT language=JavaScript >
<!--
var scrollerwidth=133 // 스크롤러의 가로
var scrollerheight=100 // 스크롤러의 세로
var scrollerbgcolor='#ffffff' // 스크롤러 배경색
var scrollerbackground='' // 스크롤러 배경이미지
// 공지사항 갯수
var num =<?=count($list)?>;
var index=0
// Scrolling 속도
var scrollspeed='9000'
// 멈추는 시간
var waitingtime='5' //2
var messages=new Array()
if (messages.length>1)
i=2
else
i=0
function move1(whichlayer){
tlayer=eval(whichlayer)
if (tlayer.top>0&&tlayer.top<=num){
tlayer.top=0
setTimeout("move1(tlayer)",scrollspeed)
setTimeout("move2(document.main.document.second)",scrollspeed)
return
}
if (tlayer.top>=tlayer.document.height*-1){
tlayer.top-=num
setTimeout("move1(tlayer)",waitingtime)
}
else{
tlayer.top=scrollerheight
tlayer.document.write(messages[i])
tlayer.document.close()
if (i==messages.length-1)
i=0
else
i++
}
}
function move2(whichlayer){
tlayer2=eval(whichlayer)
if (tlayer2.top>0&&tlayer2.top<=num){
tlayer2.top=0
setTimeout("move2(tlayer2)",scrollspeed)
setTimeout("move1(document.main.document.first)",scrollspeed)
return
}
if (tlayer2.top>=tlayer2.document.height*-1){
tlayer2.top-=num
setTimeout("move2(tlayer2)",waitingtime)
}
else{
tlayer2.top=scrollerheight
tlayer2.document.write(messages[i])
tlayer2.document.close()
if (i==messages.length-1)
i=0
else
i++
}
}
function move3(whichdiv){
tdiv=eval(whichdiv)
if (tdiv.style.pixelTop>0&&tdiv.style.pixelTop<=num){
tdiv.style.pixelTop=0
setTimeout("move3(tdiv)",scrollspeed)
setTimeout("move4(second2)",scrollspeed)
return
}
if (tdiv.style.pixelTop>=tdiv.offsetHeight*-1){
tdiv.style.pixelTop-=num
setTimeout("move3(tdiv)",waitingtime)
}
else{
tdiv.style.pixelTop=scrollerheight
tdiv.innerHTML=messages[i]
if (i==messages.length-1)
i=0
else
i++
}
}
function move4(whichdiv){
tdiv2=eval(whichdiv)
if (tdiv2.style.pixelTop>0&&tdiv2.style.pixelTop<=num){
tdiv2.style.pixelTop=0
setTimeout("move4(tdiv2)",scrollspeed)
setTimeout("move3(first2)",scrollspeed)
return
}
if (tdiv2.style.pixelTop>=tdiv2.offsetHeight*-1){
tdiv2.style.pixelTop-=num
setTimeout("move4(second2)",waitingtime)
//처음2개의 상품을 한번만 보여줌!
if(i==index) {
index= 200;
i=2;
}
}
else{
tdiv2.style.pixelTop=scrollerheight
tdiv2.innerHTML=messages[i]
if (i==messages.length-1)
i=0
else
i++
}
}
function startscroll(){
if (document.all){
move3(first2)
second2.style.top=scrollerheight
second2.style.visibility='visible'
}
else if (document.layers){
document.main.visibility='show'
move1(document.main.document.first)
document.main.document.second.top=scrollerheight+num
document.main.document.second.visibility='show'
}
}
window.onload=startscroll
var messages=new Array();
// 스크롤러에 들어갈 내용들을 태그와 함께 넣어 줍니다
<?
$java_script = "";
for ($i=0; $i<count($list); $i++) {
$ooo='<center><a href='.$list[$i][href].'><img src=\"'.$list[$i][file_image1].'\" width=\"133\" height=\"100\" border=0></a><br><a href='.$list[$i][href].'><b>'.$list[$i][subject].'</b></a></center>';
$java_script .= " messages[$i]='$ooo'\n";
}
echo $java_script;
?>
if (document.all){
document.writeln('<span id="main2" style="position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hiden;background-color:'+scrollerbgcolor+' ;background-image:url('+scrollerbackground+')">')
document.writeln('<div style="position:absolute;width:'+scrollerwidth+';height:'+scrollerheight+';clip:rect(0 '+scrollerwidth+' '+scrollerheight+' 0);left:0;top:0">')
document.writeln('<div id="first2" style="position:absolute;width:'+scrollerwidth+';left:0;top:1;">')
document.write(messages[0])
document.writeln('</div>')
document.writeln('<div id="second2" style="position:absolute;width:'+scrollerwidth+';left:0;top:0;visibility:hidden">')
document.write(messages[1])
document.writeln('</div>')
document.writeln('</div>')
document.writeln('</span>')
}
else
{
document.writeln('<ILAYER id=main visibility="hide" background="&{scrollerbackground};" bgColor="&{scrollerbgcolor};" height="&{scrollerheight};" width="&{scrollerwidth};">');
document.writeln('<LAYER id=first width="&{scrollerwidth};" top="1" left="0"></LAYER>');
document.writeln('<LAYER id=second visibility="hide" width="&{scrollerwidth};" top="0" left="0"></LAYER>');
document.writeln('</ILAYER>');
}
//-->
</SCRIPT>
최근갤러리 소스를 어디서 수정해야할지 몰라서요..
이미지 경로문제인거 같은데 초보인지라 수정할 곳을 못찾겠어요.
고수님들 아래 소스좀 봐주시고 어디를 어떡해 수정해야할지 부탁드립니다.
(에러 사이트)오른쪽 하얀박스
http://www.suiteparis.com/edasom/suite_a_03.php
편안한 밤 되세요/
아래소스 첨부파일로 첨부도 했어요
아래 소스입니다.
<!------- 가능하면 js 파일로 불러오세요 ------->
<SCRIPT language=JavaScript >
<!--
var scrollerwidth=133 // 스크롤러의 가로
var scrollerheight=100 // 스크롤러의 세로
var scrollerbgcolor='#ffffff' // 스크롤러 배경색
var scrollerbackground='' // 스크롤러 배경이미지
// 공지사항 갯수
var num =<?=count($list)?>;
var index=0
// Scrolling 속도
var scrollspeed='9000'
// 멈추는 시간
var waitingtime='5' //2
var messages=new Array()
if (messages.length>1)
i=2
else
i=0
function move1(whichlayer){
tlayer=eval(whichlayer)
if (tlayer.top>0&&tlayer.top<=num){
tlayer.top=0
setTimeout("move1(tlayer)",scrollspeed)
setTimeout("move2(document.main.document.second)",scrollspeed)
return
}
if (tlayer.top>=tlayer.document.height*-1){
tlayer.top-=num
setTimeout("move1(tlayer)",waitingtime)
}
else{
tlayer.top=scrollerheight
tlayer.document.write(messages[i])
tlayer.document.close()
if (i==messages.length-1)
i=0
else
i++
}
}
function move2(whichlayer){
tlayer2=eval(whichlayer)
if (tlayer2.top>0&&tlayer2.top<=num){
tlayer2.top=0
setTimeout("move2(tlayer2)",scrollspeed)
setTimeout("move1(document.main.document.first)",scrollspeed)
return
}
if (tlayer2.top>=tlayer2.document.height*-1){
tlayer2.top-=num
setTimeout("move2(tlayer2)",waitingtime)
}
else{
tlayer2.top=scrollerheight
tlayer2.document.write(messages[i])
tlayer2.document.close()
if (i==messages.length-1)
i=0
else
i++
}
}
function move3(whichdiv){
tdiv=eval(whichdiv)
if (tdiv.style.pixelTop>0&&tdiv.style.pixelTop<=num){
tdiv.style.pixelTop=0
setTimeout("move3(tdiv)",scrollspeed)
setTimeout("move4(second2)",scrollspeed)
return
}
if (tdiv.style.pixelTop>=tdiv.offsetHeight*-1){
tdiv.style.pixelTop-=num
setTimeout("move3(tdiv)",waitingtime)
}
else{
tdiv.style.pixelTop=scrollerheight
tdiv.innerHTML=messages[i]
if (i==messages.length-1)
i=0
else
i++
}
}
function move4(whichdiv){
tdiv2=eval(whichdiv)
if (tdiv2.style.pixelTop>0&&tdiv2.style.pixelTop<=num){
tdiv2.style.pixelTop=0
setTimeout("move4(tdiv2)",scrollspeed)
setTimeout("move3(first2)",scrollspeed)
return
}
if (tdiv2.style.pixelTop>=tdiv2.offsetHeight*-1){
tdiv2.style.pixelTop-=num
setTimeout("move4(second2)",waitingtime)
//처음2개의 상품을 한번만 보여줌!
if(i==index) {
index= 200;
i=2;
}
}
else{
tdiv2.style.pixelTop=scrollerheight
tdiv2.innerHTML=messages[i]
if (i==messages.length-1)
i=0
else
i++
}
}
function startscroll(){
if (document.all){
move3(first2)
second2.style.top=scrollerheight
second2.style.visibility='visible'
}
else if (document.layers){
document.main.visibility='show'
move1(document.main.document.first)
document.main.document.second.top=scrollerheight+num
document.main.document.second.visibility='show'
}
}
window.onload=startscroll
var messages=new Array();
// 스크롤러에 들어갈 내용들을 태그와 함께 넣어 줍니다
<?
$java_script = "";
for ($i=0; $i<count($list); $i++) {
$ooo='<center><a href='.$list[$i][href].'><img src=\"'.$list[$i][file_image1].'\" width=\"133\" height=\"100\" border=0></a><br><a href='.$list[$i][href].'><b>'.$list[$i][subject].'</b></a></center>';
$java_script .= " messages[$i]='$ooo'\n";
}
echo $java_script;
?>
if (document.all){
document.writeln('<span id="main2" style="position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hiden;background-color:'+scrollerbgcolor+' ;background-image:url('+scrollerbackground+')">')
document.writeln('<div style="position:absolute;width:'+scrollerwidth+';height:'+scrollerheight+';clip:rect(0 '+scrollerwidth+' '+scrollerheight+' 0);left:0;top:0">')
document.writeln('<div id="first2" style="position:absolute;width:'+scrollerwidth+';left:0;top:1;">')
document.write(messages[0])
document.writeln('</div>')
document.writeln('<div id="second2" style="position:absolute;width:'+scrollerwidth+';left:0;top:0;visibility:hidden">')
document.write(messages[1])
document.writeln('</div>')
document.writeln('</div>')
document.writeln('</span>')
}
else
{
document.writeln('<ILAYER id=main visibility="hide" background="&{scrollerbackground};" bgColor="&{scrollerbgcolor};" height="&{scrollerheight};" width="&{scrollerwidth};">');
document.writeln('<LAYER id=first width="&{scrollerwidth};" top="1" left="0"></LAYER>');
document.writeln('<LAYER id=second visibility="hide" width="&{scrollerwidth};" top="0" left="0"></LAYER>');
document.writeln('</ILAYER>');
}
//-->
</SCRIPT>
댓글 전체
감사합니다. ^^