|
자바스크립트에 해피솔루션의 템플릿(매물추천-사진추출되는것)을 이용할려고해요
하다가 시간엄청잡아먹고 안되서 질문드립니다.방법좀 갈켜주세요 자꾸 이상하게 나오네요
이런형태나오는 스크립트가 한개더 있던데 아래와는 틀리게 레이어가 없는거든데 그거를 이용해야 되는지 일단 둘다 올려보께요 방법좀 갈켜주세요 부탁드립니다.
<script language="JavaScript1.2">
<!--
//Specify the slider's width (in pixels)
var sliderwidth=300
//Specify the slider's height (in pixels, pertains only to NS)
var sliderheight=200
//Specify the slider's scroll speed (larger is faster)
var slidespeed=3
//Specify the slider's images
var leftrightslide=new Array()
var finalslide=''
leftrightslide[0]='<a href=" http://이동할주소"><img src="이미지1 경로나 주소" border=0></a>'
leftrightslide[1]='<a href=" http://이동할주소"><img src="%매물-페이지당2개-가로2개-제목길이2자-전체-전체-전체-전체-프리미엄매물-memool_rows_onlyphoto.html-매물%" border=0></a>'
leftrightslide[2]='<a href=" http://이동할주소"><img src="이미지1 경로나 주소" border=0></a>'
leftrightslide[3]='<a href=" http://이동할주소"><img src="이미지1 경로나 주소" border=0></a>'
leftrightslide[4]='<a href=" http://이동할주소"><img src="이미지1 경로나 주소" border=0></a>'
///////do NOT edit pass this line////////////////////////////////////
var copyspeed=slidespeed
//copy contents of leftrightslide into one variable
for (i=0;i<leftrightslide.length;i++)
finalslide=finalslide+leftrightslide[i]+" "
if (document.all){
//dynamically write out the marquee tag
document.write('<marquee id="ieslider" scrollAmount=0 style="width:'+sliderwidth+'">'+finalslide+'</marquee>')
//stop marquee when mouse is over it
ieslider.onmouseover=new Function("ieslider.scrollAmount=0")
//re-enable marquee when mouse is out
ieslider.onmouseout=new Function("if (document.readyState=='complete') ieslider.scrollAmount=slidespeed")
}
function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers){
document.ns_slider01.visibility="show"
setTimeout("window.onresize=regenerate",300)
intializeleftrightslide()
}
if (document.all)
ieslider.scrollAmount=slidespeed
}
//NS specific function for initializing slider upon page load
function intializeleftrightslide(){
document.ns_slider01.document.ns_slider02.document.write('<nobr>'+finalslide+'</nobr>')
document. ns_slider01.document.ns_slider02.document.close()
thelength=document.ns_slider01.document.ns_slider02.document.width
scrollslide()
}
//NS specific function for sliding slideshow
function scrollslide(){
if (document.ns_slider01.document.ns_slider02.left>=thelength*(-1)){
document.ns_slider01.document.ns_slider02.left-=slidespeed
setTimeout("scrollslide()",100)
}
else{
document.ns_slider01.document.ns_slider02.left=sliderwidth
scrollslide()
}
}
window.onload=regenerate2
//-->
</script>
<ilayer width=&{sliderwidth}; height=&{sliderheight}; name="ns_slider01" visibility=hide><layer name="ns_slider02" onMouseover="slidespeed=0;" onMouseout="slidespeed=copyspeed" id="layer1" left="50" top="50" width="300" height="300" z-index="1"></layer></ilayer>
<script language="JavaScript1.2">
/* =========================================== */
/* This code has been tested in */
/* Internet Explorer 6, FireFox 1, */
/* Netscape 7, Opera 7, and eBay */
/* =========================================== */
; var AuctionThum=new Array()
; var AuctionLink=new Array()
; var AuctionDesc=new Array()
; var ImgWidRatio=new Array()
; ImgWidRatio[0]="1.333"
;
; AuctionThum[1]="img src="%매물-페이지당2개-가로2개-제목길이2자-전체-전체-전체-전체-프리미엄매물-memool_rows_onlyphoto.html-매물%"
; AuctionLink[1]="http://www.happycgi.com"
; AuctionDesc[1]=""
; AuctionThum[2]="http://demo.happycgi.com/jini/pick2.jpg"
; AuctionLink[2]="http://www.happycgi.com"
; AuctionDesc[2]=""
; AuctionThum[3]="http://demo.happycgi.com/jini/pick3.jpg"
; AuctionLink[3]="http://www.happycgi.com"
; AuctionDesc[3]=""
; AuctionThum[4]="http://demo.happycgi.com/jini/pick4.jpg"
; AuctionLink[4]="http://www.happycgi.com"
; AuctionDesc[4]=""
; AuctionThum[5]="http://demo.happycgi.com/jini/pick5.jpg"
; AuctionLink[5]="http://www.happycgi.com"
; AuctionDesc[5]=""
; AuctionThum[6]="http://demo.happycgi.com/jini/pick6.jpg"
; AuctionLink[6]="http://www.happycgi.com"
; AuctionDesc[6]=""
; AuctionThum[7]="http://demo.happycgi.com/jini/pick7.jpg"
; AuctionLink[7]="http://www.happycgi.com"
; AuctionDesc[7]=""
; AuctionThum[8]="http://demo.happycgi.com/jini/pick8.jpg"
; AuctionLink[8]="http://www.happycgi.com"
; AuctionDesc[8]=""
; AuctionThum[9]="http://demo.happycgi.com/jini/pick9.jpg"
; AuctionLink[9]="http://www.happycgi.com"
; AuctionDesc[9]=""
; AuctionThum[10]="http://demo.happycgi.com/jini/pick10.jpg"
; AuctionLink[10]="http://www.happycgi.com"
; AuctionDesc[10]=""
; AuctionThum[11]="http://demo.happycgi.com/jini/pick11.jpg"
; AuctionLink[11]="http://www.happycgi.com"
; AuctionDesc[11]=""
;
; var scrollspeed ="40" //스크롤 속도
; var borderd ="1px" //보더두께
; var slideborder ="#555555" //보더색상
; var slidebgcolor="#ffffff" //배경색상
; var textcolor ="#222222" //텍스트 색상
; var gallerywidth="500" //슬라이더 가로크기
;
var slider1, slider2, maxWid=0; var sliderwidth=0;
var quot="'"; var scrollamount=-1; var thCnt=0;
var CrossSellimages=new Array();
for (var i=1; i<=AuctionThum.length; i++){if (AuctionThum[i]){thCnt++;
if (!ImgWidRatio[i]) {ImgWidRatio[i]=ImgWidRatio[0]};
CrossSellimages[thCnt]='<a href="'+AuctionLink[i]+'" target=_blank>'+
'<img src="'+AuctionThum[i]+'" width="'+Math.round(64*ImgWidRatio[i])+'" height="64" hspace="2" vspace="4" border="0" '+
' onmouseover="thumbwow(this.alt,this.offsetLeft,this.offsetWidth,'+quot+AuctionDesc[i]+quot+')" '+
' title="" alt="'+i+'" ></a>';
sliderwidth=sliderwidth+Math.round((64*ImgWidRatio[i])+4);
if (ImgWidRatio[i]>maxWid){maxWid=ImgWidRatio[i]}
}};
var sliderheight="88";
var CrossSellStrip='<nobr>'+CrossSellimages.join("")+'</nobr>';
if (sliderwidth-maxWid*64<parseInt(gallerywidth)){gallerywidth=Math.abs(sliderwidth-maxWid*64)}
function setupGallery(){
document.write('<table border="0" cellspacing="0" cellpadding="0" style="position:relative; border:'+borderd+' '+slideborder+' solid; background-color:'+slidebgcolor+'; width:'+(parseInt(gallerywidth)+2)+'px; height:90px;"><tr><td valign="top" align="center">');
document.write('<div style="position:relative;width:'+gallerywidth+'px;height:89px;overflow:hidden;">');
document.write('<div style="position:absolute;left:0px;bottom:0px;width:'+gallerywidth+'px;height:89px;" onMouseover="scrollamount=0" onMouseout="scrollamount=-1">');
document.write('<div id="slidegroup1" style="position:absolute;left:0px;bottom:5px;"></div>');
document.write('<div id="slidegroup2" style="position:absolute;left:-1000px;bottom:5px;"></div>');
document.write('<div id="blowup" style="position:absolute;left:0px;bottom:0px;visibility:hidden;border:1px '+slideborder+' solid;" onmouseout="unwow()"></div>');
document.write('</div></div>');
document.write('</td></tr><tr><td align="center" id="slidelabel" style="padding:2px; font-family:sans-serif; font-size:14px; font-weight:normal; color:'+textcolor+'">');
document.write(' ');
document.write('</td></tr></table>');
};
function loadimages(){
slider1=document.getElementById("slidegroup1");
slider2=document.getElementById("slidegroup2");
slider1.innerHTML=CrossSellStrip;
slider2.innerHTML=CrossSellStrip;
slider2.style.left=""+sliderwidth+"px";
startaction=setInterval("slideleft()",parseInt(scrollspeed));
};
function slideleft(){
if (parseInt(slider1.style.left)>(sliderwidth*(-1)))
{slider1.style.left=(parseInt(slider1.style.left)+scrollamount)+"px"}
else
{slider1.style.left=(parseInt(slider2.style.left)+sliderwidth+scrollamount)+"px"}
if (parseInt(slider2.style.left)>(sliderwidth*(-1)))
{slider2.style.left=(parseInt(slider2.style.left)+scrollamount)+"px"}
else
{slider2.style.left=(parseInt(slider1.style.left)+sliderwidth)+"px"}
};
function thumbwow(num,thumOffset,thumSize,label){
if (parseInt(slider1.style.left)<=0){
if (thumOffset+parseInt(slider1.style.left)>0-thumSize){leftstart=thumOffset+parseInt(slider1.style.left)}else{leftstart=thumOffset+parseInt(slider2.style.left)}
}
else {
if (thumOffset+parseInt(slider2.style.left)>0-thumSize){leftstart=thumOffset+parseInt(slider2.style.left)}else{leftstart=thumOffset+parseInt(slider1.style.left)}
};
document.getElementById("blowup").style.left=leftstart+0+(Math.round((thumSize-thumSize/0.8-2)/2))+"px";
document.getElementById("blowup").innerHTML='<a href="'+AuctionLink[num]+'" title="'+label+'" target=_blank>'+
'<img src="'+AuctionThum[num]+'" height="80" border="0" ></a>';
document.getElementById("blowup").style.visibility="visible";
document.getElementById("slidelabel").innerHTML=label;
};
function unwow(){document.getElementById("blowup").style.visibility="hidden";
document.getElementById("slidelabel").innerHTML=document.getElementById("slidelabel").title
};
setupGallery();
loadimages();
</script>
| 
현재위치: 
자바스크립트관련.. 
[답변] 자바스크립트관련.. 
