묻고답하기
롤이미지 스크립트 삽입에 문제가 있어 구원 요청합니다.
2010.07.05 01:14
xe밖에서 외부페이지로 html이나php로 메인페이지를 만들어 롤 이미지 스크립터를 삽입하면 작동이 되는데
xe안에 들어와 레이아웃으로 메인페이지를 만들게 되면 롤이미지가 오류를 발생합니다.
* 마우스 터치없이 자동으로 3-4개 이미지가 위로 계속 올라오면서 이미지가 바뀌는 롤이미지 스크립트입니다.
스크립트안에 있는 이미지 삽입부분만 남기고 나머지 부분은 js로 만들어 따로 올려야하는것같은데...
방법을 모르겠어요. 조언 부탁드립니다.
스크립터 원본
<SCRIPT language=JavaScript >
<!--
//#-|중앙 이미지 스크롤시작######################################################################################################################################################
var scrollerwidth=160 //이미지 크기
var scrollerheight=160
var scrollerbgcolor='white'
var pausebetweenimages=15 //이미지 이동량
var scrollspeed =3500; //스크롤속도
var waitingtime=2; //딜레이..
var slideimages=new Array();
//===========================================================================================================================================================================
//
// 스크롤러에 들어갈 내용들을 태그와 함께 넣어 줍니다
// 이미지 겟수는 몇개라도 상관없음
// ex) slideimages[0]='이미지1'
// slideimages[1]='이미지2'
// slideimages[2]='이미지3' ...
//
// 아래에 이미지를 삽입해 주세요.
// 최소 3개이상이며 2개일경우 4개로 만들어 반복한다.
slideimages[0]='<a href="><img src=../kindguyLayout(BlueN_200912_2)/_images/wan/984289526_main.jpg border=0 style="margin:1; border-width:1; border-color:CDCDCD;" width=160 ></a>';
slideimages[1]='<a href="><img src=../kindguyLayout(BlueN_200912_2)/_images/wan/2085937351_main.jpg border=0 style="margin:1; border-width:1; border-color:CDCDCD;" width=160 ></a>';
slideimages[2]='<a href="><img src=../kindguyLayout(BlueN_200912_2)/_images/wan/1540225772_main.jpg border=0 style="margin:1; border-width:1; border-color:CDCDCD;" width=160 ></a>';
slideimages[3]='<a href="><img src=../kindguyLayout(BlueN_200912_2)/_images/wan/1516761476_main.jpg border=0 style="margin:1; border-width:1; border-color:CDCDCD;" width=160 ></a>';
//
// slideimages[1]='<a href="/cate/view_product.php?Code=601476022><img src=/product/2085937351/160.jpg.jpg border=0 style="margin:1; border-width:1; border-color:CDCDCD;"></a>';
// slideimages[2]='<a href="/cate/view_product.php?Code=2040819189><img src=/product/2040819189/160.jpg border=0 style="margin:1; border-width:1; border-color:CDCDCD;"></a>';
// slideimages[3]='<a href="/cate/view_product.php?Code=1135905413><img src=/product/1135905413/160.jpg border=0 style="margin:1; border-width:1; border-color:CDCDCD;"></a>';
//=========================================================================================================================================================================== //최초 이미지로드시 이미지가 2개이상이면 xxi를 2로 변경
if (slideimages.length>1){
xxi=2
}else{
xxi=0;
}
//첫번째레이어
function move3(whichdiv){
tdiv=eval(whichdiv);
fc_move(tdiv, second2);
}
//두번째레이어
function move4(whichdiv){
tdiv2=eval(whichdiv);
fc_move(tdiv2, first2);
}
//실제이동과 이미지 변경
function fc_move(xdiv, xvalue){
if (xdiv.style.pixelTop>0&&xdiv.style.pixelTop<=pausebetweenimages){
xdiv.style.pixelTop=0;
if(xvalue.id =="second2"){
setTimeout("move3(first2)",scrollspeed);
setTimeout("move4(second2)",scrollspeed);
}else{
setTimeout("move4(second2)",scrollspeed);
setTimeout("move3(first2)",scrollspeed);
}
return
}
if (xdiv.style.pixelTop>=xdiv.offsetHeight*-1){
xdiv.style.pixelTop-=pausebetweenimages;
if(xvalue.id =="second2"){
setTimeout("move3(tdiv)",waitingtime);
}else{
setTimeout("move4(tdiv2)",waitingtime);
} }else{
//이미지 변경
xdiv.style.pixelTop=scrollerheight;
xdiv.innerHTML=slideimages[xxi];
if (xxi==slideimages.length-1){
xxi=0;
}else{
xxi++;
}
}
}
function startscroll(){//시작
if (document.all){
move3(first2);
second2.style.top=scrollerheight;
}
}
attachEvent("onload", startscroll);
//window.onload=startscroll
if (document.all){
document.writeln('<span id="main2" style="position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hiden;background-color:'+scrollerbgcolor+'">')
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(slideimages[0])
document.writeln('</div>')
document.writeln('<div id="second2" style="position:absolute;width:'+scrollerwidth+';left:0;top:0">')
document.write(slideimages[1])
document.writeln('</div>')
document.writeln('</div>')
document.writeln('</span>')
}
//#-|중앙 이미지 스크롤 끝######################################################################################################################################################
-->
</SCRIPT>
