묻고답하기

  2. Support
  3. 묻고답하기

스크롤되는 이미지.. 서버에 무리 없을까요?

2003.04.11 15:29

지은사랑

개인서버이며,
아래처럼 파일을 만들어 iframe으로 넣었습니다.
http://jikili.com/love/right.php
위의 주소가 바로 그곳 입니다.
맨아래 하나씩 스크롤 되는 그림이 보이시죠??  아래의 소스가 바로 그것 입니다.
그런데 이렇게 하고 나니 그림이 하나씩 올라갈때마다 커서 옆에 모래시계가 생기더군요...

서버엔 무리가 되지 않을까요?? <== 제 질문은 이것입니다.

아래 소스 분석을 부탁드립니다.

1. 아래의 소스를 <HEAD>와 </head> 사이에 넣습니다.

<script language="JavaScript1.2">
<!--
//스크롤 박스의 넓이
var scrollerwidth=150
//스크롤 박스의 높이
var scrollerheight=107
//다음 이미지로 전환될 때의 걸리는 시간 간격
var pausebetweenimages=3000

var VSlideImages=new Array()
//이미지 명과 경로를 적어 주세요.
VSlideImages[0]='<img src="http://jikili.com/myphoto/ever(tulip)/1.jpg" border=0" width="150" height="107">'
VSlideImages[1]='<img src="http://jikili.com/myphoto/ever(tulip)/4.jpg" width="150" height="107">'
VSlideImages[2]='<img src="http://jikili.com/myphoto/ever(tulip)/5.jpg" width="150" height="107">'
VSlideImages[3]='<img src="http://jikili.com/myphoto/ever(tulip)/6.jpg" width="150" height="107">'

if (VSlideImages.length>1)
i=2
else
i=0

function locateObject(n, d) { //v3.0
  var p,i,x;
  if(!d) d=document;
  if((p=n.indexOf("?"))>0&&parent.frames.length)
  {
    d=parent.frames[n.substring(p+1)].document;
    n=n.substring(0,p);
    }
  if(!(x=d[n])&&d.all) x=d.all[n];
  
  for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=locateObject(n,d.layers[i].document);
  return x;
}

function moveVFirstImage(whichdiv)
{

if (document.all)
{
        tdiv=eval(whichdiv)

        if (tdiv.style.pixelTop>0&&tdiv.style.pixelTop<=5)
        {
                tdiv.style.pixelTop=0
                setTimeout("moveVFirstImage(tdiv)",pausebetweenimages)
                setTimeout("moveVSecondImage('vSecond')",pausebetweenimages)
                return
        }
        if (tdiv.style.pixelTop>=tdiv.offsetHeight*-1)
        {
                tdiv.style.pixelTop-=5
                setTimeout("moveVFirstImage(tdiv)",10)
        }
        else
{
                tdiv.style.pixelTop=scrollerheight+5
window.status=tdiv.style.pixelTop;
        tdiv.innerHTML=VSlideImages[i]
        if (i==VSlideImages.length-1)
        i=0
else
        i++
}
}
else
{
tlayer=eval(whichdiv)
if (tlayer.top>0&&tlayer.top<=5)
{
tlayer.top=0
setTimeout("moveVFirstImage(tlayer)",pausebetweenimages)
setTimeout("moveVSecondImage(locateObject('vSecond'))",pausebetweenimages)
return
}
if (tlayer.top>=tlayer.document.height*-1)
{
tlayer.top-=5
setTimeout("moveVFirstImage(tlayer)",10)
}
else
{
tlayer.top=scrollerheight+5
tlayer.document.write(VSlideImages[i])
tlayer.document.close()
if (i==VSlideImages.length-1)
i=0
else
i++
}
}
}

function moveVSecondImage(whichdiv)
{
if (document.all)
{
tdiv2=eval(whichdiv)

if (tdiv2.style.pixelTop>0&&tdiv2.style.pixelTop<=5)
{
        tdiv2.style.pixelTop=0
        setTimeout("moveVSecondImage(tdiv2)",pausebetweenimages)
        setTimeout("moveVFirstImage('vFirst')",pausebetweenimages)
        return
}
window.status=tdiv2.offsetHeight;
if (tdiv2.style.pixelTop>=tdiv2.offsetHeight*-1){
        tdiv2.style.pixelTop-=5
        setTimeout("moveVSecondImage('vSecond')",10)
}
else
{
        tdiv2.style.pixelTop=scrollerheight+5
window.status=tdiv2.style.pixelTop
        tdiv2.innerHTML=VSlideImages[i]
        if (i==VSlideImages.length-1)
        i=0
else
        i++
}
}
else if (document.layers)
{
tlayer2=eval(whichdiv)

if (tlayer2.top>0&&tlayer2.top<=5)
{
tlayer2.top=0
setTimeout("moveVSecondImage(tlayer2)",pausebetweenimages)
setTimeout("moveVFirstImage(locateObject('vMain').document.layers['vFirst'])",pausebetweenimages)
return
}
if (tlayer2.top>=tlayer2.document.height*-1)
{
tlayer2.top-=5
setTimeout("moveVSecondImage(tlayer2)",10)
}
else
{
tlayer2.top=scrollerheight+5
tlayer2.document.write(VSlideImages[i])
tlayer2.document.close()
if (i==VSlideImages.length-1)
i=0
else
i++
}
}
}

function startVScroll(){
if (document.all)
{
        locateObject('vSecond').style.top=scrollerheight+5
        locateObject('vFirst').visibility='visible';
        locateObject('vSecond').visibility='visible';
        moveVFirstImage(locateObject("vFirst"))
}
else if (document.layers)
{
        locateObject('vMain').visibility='show'
        locateObject('vFirst').visibility='show'
        locateObject('vSecond').top=scrollerheight+5
        locateObject('+ '+ 'vSecond').visibility='show'
        moveVFirstImage(locateObject('vMain').document.layers['vFirst'])
}
}
//-->
</script>


2. 아래처럼 <body>태그 안에 [bgcolor="#FFFFFF" onLoad="startVScroll()" onBlur="self.close()"]를 넣습니다.

<body bgcolor="#FFFFFF" onLoad="startVScroll()" onBlur="self.close()">


3. 아래의 소스를 <body>와 </body> 사이에 넣습니다.

<div id="vMain" style="width:150; height:107; position:absolute; top: 0px; left: 0px; visibility: visible; clip: rect(0 150 107 0); overflow: hidden; z-index: 2">
  <div id="vFirst" style="top:1; width:150;position:absolute; z-index: 1; background: #000000; padding: 0px 0px; visibility: visible">
    <img src="http://jikili.com/myphoto/ever(tulip)/2.jpg" width="150" height="107"></div>
  
<p>
</p>
<p>
</p>
  <div id="vSecond" style="top:1; width:150;position:absolute; z-index: 1; background: #000000; padding: 0px 0px; visibility: visible">
    <img src="http://jikili.com/myphoto/ever(tulip)/3.jpg" width="150" height="107"></a></div>

  
</div>
이 게시물을
좋아요
목록
글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
life bgm.. 리스트를 새창이 아닌..  
^야리꾸리^ 테이블을 이용한 달력 소스 만드는 방법 좀... [2] 2007.08.10
에이지 나모의 프레임관련 질문입니다... [1] 2007.08.10
김재구 노프레임 사이트 만들려고 하는데.. [3] 2007.08.10
IDEAN 홈페이지를 만드려고 하는데... [2] 2007.08.10
B2 스크롤바 질문요. [1] 2007.08.10
아벨라 irc채팅 링크 어덯게 하나요? [1] 2007.08.10
이재현 프레임에서 주소창 만들어서 타겟 지정하는 방법좀 [1] 2007.08.10
RiiX select 구문에서 각각의 값에 각각 다른 스크립트를 적용하려면??  
김영광 공백이 생겨요 ㅠ.ㅠ [3] 2007.08.10
신형준 자바관련 질문입니다.  
정성훈 flash MX 화면에 이상하게 표시되네요 궁금한게 있엉  
남현주 이미지 레디에서요..gif 저장하는거 왜 안되죠..ㅠ.ㅠ [2] 2007.08.10
nice0401 링크페이지가 다른창으로 뜨게하는 방법... [2] 2007.08.10
이용희 새창띄우고서... [1] 2007.08.10
SyoMya 포토샵에서 그림자 분리하는 방법좀... [3] 2007.08.10
정태정 윈도우미디어플레이어디자인하는 방법갈쳐주세요  
최강남자킹 제로님의 폼메일작성 강좌를 보고 [3] 2007.08.10
정태정 embed된 플레이어 디자인하는 방법 갈쳐주세요 [2] 2007.08.10
박신영 글씨체가 자꾸 바뀌어요.. [6] 2007.08.10
태그 쓰기