최근겔러리 스킨 관련질문입니다. > 그누4 질문답변

그누4 질문답변

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

최근겔러리 스킨 관련질문입니다. 정보

최근겔러리 스킨 관련질문입니다.

본문

http://sir.co.kr/bbs/board.php?bo_table=g4_skin&wr_id=48044&page=2&sca=&sfl=wr_subject&stx=%B0%D6%B7%AF%B8%AE&spt=0&page=2&cwin=#c_96323

이분께서 공유해주신 스킨을 사용하려고 일부로 테이블도 맞춰 짜 놓았는데
스킨 배경만 보이고.. 이미지는 보이지 않습니다.
<?=latest("steel_scroll", "photo",5,1);?>
이렇게 넣었는데...
링크 http://www.psflowery.com/sub_4.php
어찌하면 이미지가 나올수 있을까요? 도와주십시오 ㅠㅠ

>>>>>>>>>>>>>>>>>>latest.skin.php 소스입니다
var slideurl=new Array() // 첫번째 이미지 뽑아오는 부분임

<?
    for ($i=0; $i<count($list); $i++) {
     
        $img = "$g4[path]/data/file/$bo_table/".urlencode($list[$i][file][0][file]);
        if (!file_exists($img) || !$list[$i][file][0][file])
         $img = "$board_skin_path/img/no_image.gif";

        if (!isset($slideurl[$i]))
            $slideurl[$i] = "";

        $slideurl[$i] .= $img;

        echo "slideurl[$i] = '{$slideurl[$i]}';\n";
       
       
    }
?>
   
var slidelink=new Array() // 게시물 링크 뽑아옴

 <?
   
    for ($i=0; $i<count($list); $i++) {
      
        $slidelink[$i] = $list[$i][href];
       
        echo "slidelink[$i] = '{$slidelink[$i]}';\n";
    }
    ?>
   

// Width slideshow (pixels)
var slidewidth=140 // 페이딩 전체 폭
// Height slideshow (pixels)
var slideheight=130 //전체 높이

//Pause between each slide (seconds)
var pauseslide=3 //바뀌는 시간

// Do not edit the code below this line //
/////////////////////////////////////////
//아래는 가능하면 손대지 마시와요
//var textposition="bottom_auto"
var slidecontent
var max_space=19
var space=" "
var i_substring=0
var i_space=max_space
var all_space=" "
var content=""
var pausefade=20
var i_slide=0
var i_filter=-1
var nextorprevious=1
var transparency=0
var transparencystep=5
var isloaded=false
var started=false
var stopshow=false

var newpause=pauseslide
var checkpause=200
var neximage=""
var howmanycomplete=0
var preload_slides=-1
var pauseslide=pauseslide*1000

var browserinfos=navigator.userAgent 
var ie=document.all&&!browserinfos.match(/Opera/)?1:0
var ns6=document.getElementById&&!document.all?1:0
var ns4=document.layers?1:0
var op=browserinfos.match(/Opera/)

var preloadedimages=new Array()
for (i=0;i<slideurl.length;i++){
 preloadedimages[i]=new Image()
 preloadedimages[i].src=slideurl[i]
}

function initslideshow4() {
 setimagetocache()
 getcontent()
 if (ie) {
  slidecontainer.innerHTML=slidecontent
  }
 if (ns6 || op) {
  transparency=100
  document.getElementById('slidecontainer').innerHTML=slidecontent
 }
 var inittimer=setTimeout("checkifcached()",100)
}

function setimagetocache() {
 preload_slides++
 if (preload_slides<=slideurl.length) {
  nextimage=new Image();
     nextimage.src=slideurl[preload_slides];
  checkautocached()
 }
}

function checkautocached() {
 if (nextimage.complete) {
  howmanycomplete++
  setimagetocache()
 }
    else {
     var timer2=setTimeout("checkautocached()",checkpause);
 }
}

function stopslideshow() {
 stopshow=true
}

function playslideshow() {
 stopshow=false
}
  
function checkifcached() {
 if (i_slide<=howmanycomplete) {
  if (ie) {
    var nextimer=setTimeout("autoslide()",newpause)
  }
  if (ns6 || op) {
    unfadeslide()
    started=true
   }
  
    }
    else {
  newpause=newpause-checkpause
  if (newpause<1200) {newpause=1200}
     var timer2=setTimeout("checkifcached()",checkpause);
 }
}

function getcontent() {
        //요부분이 출력 부분입니다.)(입맛에 맞게 수정하세요)
  slidecontent="<table cellpadding=0 cellspacing=0 border=0><tr valign=top><td style='border:1px solid #DDDDDD;'><a href='"+slidelink[i_slide]+"'><img name='slideimage' src='"+slideurl[i_slide]+"' border=0 width=138 height=128></a></td></tr></table>"
}

function unfadeslide() {
 if (transparency<100){
  transparency+=transparencystep
  if (ns6) {
   document.getElementById('slidecontainer').style.MozOpacity=transparency/100
  }
  var fadetimer=setTimeout("unfadeslide()",pausefade)
 }
 else {
  clearTimeout(fadetimer)
  var fadetimer=setTimeout("fadeslide()",newpause)
 }
}

function fadeslide() {
 if (!stopshow) {
  if (transparency>0){
   transparency-=transparencystep
   if (ns6) {
    document.getElementById('slidecontainer').style.MozOpacity=transparency/100
   }
   var fadetimer=setTimeout("fadeslide()",pausefade)
  }
  else {
   var autotimer=setTimeout("autoslide()",200)
  }
 }
 else {
  var stoptimer=setTimeout("fadeslide()",500)
 }
}

function autoslide(){
 if (ie) {
  if (!stopshow) {
   newpause=pauseslide
   i_slide++
   if (i_slide>=slideurl.length) {i_slide=0}
   getcontent()
   i_filter++
   if (i_filter>slidecontainer.filters.length-1) {i_filter=0} 
   slidecontainer.filters[i_filter].apply()
   slidecontainer.innerHTML=slidecontent
   slidecontainer.filters[i_filter].play()
   checkifcached()
  }
  else {
   var stoptimer=setTimeout("autoslide()",500)
  }
 }
 if (ns6 || op) {
  newpause=pauseslide
  i_slide++
  if (i_slide>=slideurl.length) {i_slide=0}
  getcontent()
  document.getElementById('slidecontainer').innerHTML=slidecontent
  transparency=0
  i_space=max_space
  checkifcached()
 }
}

function simpleslideshow() {
 i_slide++
 if (i_slide>=slideurl.length) {i_slide=0}
 document.slideimage.src=preloadedimages[i_slide].src
 var fadetimer=setTimeout("simpleslideshow()",pauseslide)
}

if (ie) {
 document.write('<div style="position:relative;width:'+slidewidth+'px;height:'+slideheight+'px;overflow:hidden">')
 document.write('<div id="slidecontainer" style="position:absolute;width:'+slidewidth+'px;height:'+slideheight+'px;top:0px;left:0px;filter:progid:DXImageTransform.Microsoft.GradientWipe(duration=1.2,wipeStyle=1)"></div>')
 document.write('</div>')
 window.onload=initslideshow4
}
else if (ns6||op) {
 document.write('<div style="position:relative;width:'+slidewidth+'px;height:'+slideheight+'px;overflow:hidden">')
 document.write('<div id="slidecontainer" style="position:absolute;width:'+slidewidth+'px;height:'+slideheight+'px;top:0px;left:0px;-moz-opacity:100"></div>')
 document.write('</div>')
 window.onload=initslideshow4
}
else if (ns4) {
 document.write('<img name="slideimage" src="'+slideurl[0]+'" border=0>')
 i_slide=-1
 window.onload=simpleslideshow
}
//-->
</script>
</td></tr></table>

  • 복사

댓글 전체

<?=latest("스킨명", "게시판명", 불러올갯수, 글자제목수);?>

이렇게 불러오는게아니던가요..?

<?=latest("steel_scroll", "photo",5,1);?> = > <?=latest("steel_scroll", "photo", 5, 1);?>
전체적으로 소스가 원본 소스가 맞는지 직접 만드신 소스인지 궁금하군요

스크립트에서 왜 문장의 끝을 표현 안해 주시는지 ;;;;;;;;

그리고 하단부에 window.onload=simpleslideshow 함수를 호출하는듯 한데

window.onload=simpleslideshow(); 이 표현이 맞다고 생각됩니다.

올려주신 URL에서 오류 부분 살펴 보니

document.write('<div id="slidecontainer" style="position:absolute;width:'+slidewidth+'px;height:'+slideheight+'px;top:0px;left:0px;-moz-opacity:100"></div>') 여기도 문자의 끝은 없습니다.

이 부분 출력을 못해 줘서 slidecontainer라는 아이디를 찾지 못하는 오류도 보입니다.

우선 코딩상의 오류 부터 수정하시고 하나씩 에러를 확인해 보시는게 좋겠습니다.
원본 소스 그대로 복사해온것입니다.
소스를 볼줄 몰라서 수정도 못하는 실정입니다.
오류를 어찌 수정해야할지... 하나하나 짚어달라 부탁드려도 될까요?
죄송합니다 ㅜㅜ 귀찮게 해드려서..
이미지 뽑아 오는곳이
$img = "$g4[path]/data/file/$bo_table/".urlencode($list[$i][file][0][file]);

그누 기본경로에서만 가져옵니다.
이미지첨부를 에디터에서 하지는 않았는지?
에디터 경로는 다름니다 그 부분 체크해보세요...
라펜타님 말씀대로
if (ie) {
document.write('<div style="position:relative;width:'+slidewidth+'px;height:'+slideheight+'px;overflow:hidden">')
document.write('<div id="slidecontainer" style="position:absolute;width:'+slidewidth+'px;height:'+slideheight+'px;top:0px;left:0px;filter:progid:DXImageTransform.Microsoft.GradientWipe(duration=1.2,wipeStyle=1)"></div>')
document.write('</div>')
window.onload=initslideshow4();
}
else if (ns6||op) {
document.write('<div style="position:relative;width:'+slidewidth+'px;height:'+slideheight+'px;overflow:hidden">')
document.write('<div id="slidecontainer" style="position:absolute;width:'+slidewidth+'px;height:'+slideheight+'px;top:0px;left:0px;-moz-opacity:100"></div>')
document.write('</div>')
window.onload=initslideshow4();
}
else if (ns4) {
document.write('<img name="slideimage" src="'+slideurl[0]+'" border=0>')
i_slide=-1
window.onload=simpleslideshow();
}

이부분을 (); < 세군대 수정하니

이미지중 하나는 보여집니다.. 나머진 안보여지구요..
샤르륵 사진이 넘어가는 롤링이라고 했는데..
넘어가지도 않구요.. 더 수정해야할곳.. 또 조심스레 여쭤봅니다 ㅠㅠ
SCRIPT 안에서 사용하는 문장도 PHP와 동일하게 각 줄의 마지막에 ";" 로 문장 끝을 표현 합니다.

이 점 유의 해서 살펴 보시면 원하시는 대로 동작 하리라고 조심스럽게 답변드려봅니다. ㅋㅋ

그리고 한가지 더 브라우저 보시면 왼쪽 하단에 노란색 느낌표 더블클릭 해보시면 스크립트 오류 내용 보이실 겁니다.

뭔가 잡혀 가는지 아까보다 오류 내용이 늘었네요~

여기서 보이는 Line과 문구는 하나하나 확인하시면서 수정해 보세요 ^^

노파심에 소스 수정해서 올려드려 봅니다.

if (ie) {
document.write('<div style="position:relative;width:'+slidewidth+'px;height:'+slideheight+'px;overflow:hidden">');
document.write('<div id="slidecontainer" style="position:absolute;width:'+slidewidth+'px;height:'+slideheight+'px;top:0px;left:0px;filter:progid:DXImageTransform.Microsoft.GradientWipe(duration=1.2,wipeStyle=1)"></div>');
document.write('</div>');
window.onload=initslideshow4();
}
else if (ns6||op) {
document.write('<div style="position:relative;width:'+slidewidth+'px;height:'+slideheight+'px;overflow:hidden">');
document.write('<div id="slidecontainer" style="position:absolute;width:'+slidewidth+'px;height:'+slideheight+'px;top:0px;left:0px;-moz-opacity:100"></div>');
document.write('</div>');
window.onload=initslideshow4();
}
else if (ns4) {
document.write('<img name="slideimage" src="'+slideurl[0]+'" border=0>');
i_slide=-1;
window.onload=simpleslideshow();
}

위와 같은 형태로 수정하세요 소스 확인해 보니 누락 된곳 많습니다..
늦은시간 마지막까지 신경써 주셔서 감사합니다.
그렇지만.. 주신 소스 그대로 교체해보았는데 ^^; 생각만큼 잘 안되네요.
포기해야할런지 ... ㅜㅜ
암튼 마지막으로 정말 감사하단 말씀 드립니다!! ^^
소스 어느 부분을 교체 하는 방법으로는 어렵습니다.

단순히 브라우저에서 펜션지기님 소스 확인 해 보면 지금도 문장 끝 표시 안됀 부분들 무척 많습니다.

// Width slideshow (pixels)
var slidewidth=140 // 페이딩 전체 폭
// Height slideshow (pixels)
var slideheight=130 //전체 높이
 
//Pause between each slide (seconds)
var pauseslide=3 //바뀌는 시간
 
// Do not edit the code below this line //
/////////////////////////////////////////
//아래는 가능하면 손대지 마시와요
//var textposition="bottom_auto"
var slidecontent
var max_space=19
var space=" "
var i_substring=0
var i_space=max_space
var all_space=" "
var content=""
var pausefade=20
var i_slide=0
var i_filter=-1
var nextorprevious=1
var transparency=0
var transparencystep=5
var isloaded=false
var started=false
var stopshow=false
 
var newpause=pauseslide
var checkpause=200
var neximage=""
var howmanycomplete=0
var preload_slides=-1
var pauseslide=pauseslide*1000
 
var browserinfos=navigator.userAgent 
var ie=document.all&&!browserinfos.match(/Opera/)?1:0
var ns6=document.getElementById&&!document.all?1:0
var ns4=document.layers?1:0
var op=browserinfos.match(/Opera/)
 
var preloadedimages=new Array()
for (i=0;i<slideurl.length;i++){
preloadedimages[i]=new Image()
preloadedimages[i].src=slideurl[i]
}
 
function initslideshow4() {
setimagetocache()
getcontent()
if (ie) {
slidecontainer.innerHTML=slidecontent
}
if (ns6 || op) {
transparency=100
document.getElementById('slidecontainer').innerHTML=slidecontent
}
var inittimer=setTimeout("checkifcached()",100)
}
이 부분들

function checkautocached() {
if (nextimage.complete) {
howmanycomplete++
setimagetocache()
}
  else {
  var timer2=setTimeout("checkautocached()",checkpause);
}
}
 
function stopslideshow() {
stopshow=true
}
 
function playslideshow() {
stopshow=false
}

function checkifcached() {
if (i_slide<=howmanycomplete) {
if (ie) {
var nextimer=setTimeout("autoslide()",newpause)
}
if (ns6 || op) {
unfadeslide()
started=true
}

  }
  else {
newpause=newpause-checkpause
if (newpause<1200) {newpause=1200}
  var timer2=setTimeout("checkifcached()",checkpause);
}
}
 
function unfadeslide() {
if (transparency<100){
transparency+=transparencystep
if (ns6) {
document.getElementById('slidecontainer').style.MozOpacity=transparency/100
}
var fadetimer=setTimeout("unfadeslide()",pausefade)
}
else {
clearTimeout(fadetimer)
var fadetimer=setTimeout("fadeslide()",newpause)
}
}
 
function fadeslide() {
if (!stopshow) {
if (transparency>0){
transparency-=transparencystep
if (ns6) {
document.getElementById('slidecontainer').style.MozOpacity=transparency/100
}
var fadetimer=setTimeout("fadeslide()",pausefade)
}
else {
var autotimer=setTimeout("autoslide()",200)
}
}
else {
var stoptimer=setTimeout("fadeslide()",500)
}
}
 
function autoslide(){
if (ie) {
if (!stopshow) {
newpause=pauseslide
i_slide++
if (i_slide>=slideurl.length) {i_slide=0}
getcontent()
i_filter++
if (i_filter>slidecontainer.filters.length-1) {i_filter=0}
slidecontainer.filters[i_filter].apply()
slidecontainer.innerHTML=slidecontent
slidecontainer.filters[i_filter].play()
checkifcached()
}
else {
var stoptimer=setTimeout("autoslide()",500)
}
}
if (ns6 || op) {
newpause=pauseslide
i_slide++
if (i_slide>=slideurl.length) {i_slide=0}
getcontent()
document.getElementById('slidecontainer').innerHTML=slidecontent
transparency=0
i_space=max_space
checkifcached()
}
}
 
function simpleslideshow() {
i_slide++
if (i_slide>=slideurl.length) {i_slide=0}
document.slideimage.src=preloadedimages[i_slide].src
var fadetimer=setTimeout("simpleslideshow()",pauseslide)
}

뭐 한두군데가 아니라서 답변글 천천히 둘러 보시면 벌써 세번째 같은 말씀 드립니다.

줄마다 확인해 보시고 문장 마지막에 ";" 부터 넣어주세요~

끝으로 즐거운 추석 풍성한 추석 보내세요~
© SIRSOFT
현재 페이지 제일 처음으로