묻고답하기

  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 남기남
인어공주 노프레임에서 페이지주소를 감추려면? [2] 2007.08.10
박강아름 나모 4.0 출판하기 이후로 접속이 안됩니다. 도와주세요!!! [2] 2007.08.10
이범윤 노프레임 표로 그릴때요..꼭 좀 봐주세요.~~ [3] 2007.08.10
바람구두 과거 nzeo식 롤오버 메뉴 관련 질의입니다. [2] 2007.08.10
KYJ 폼관련 질문인데요.. 꼭좀 부탁드려요. [1] 2007.08.10
한승진 자바스크립트에서 페이지 이동시.. [2] 2007.08.10
느닷없이질문 무료카운터 괜찮은곳 좀 알려주십시오... [2] 2007.08.10
Endor zerocounter 설치가 안됩니다. [2] 2007.08.10
박진수 페이지에서 Top 으로 보내기 문의 드립니다(왕 초보) [2] 2007.08.10
백도준 여기 홈페이지처럼 자동적으로 update되는 홈페이지를 만들려면.. [1] 2007.08.10
지은사랑 스크롤되는 이미지.. 서버에 무리 없을까요? [4] 2007.08.10
백승우 홈페이지에 접속할때마다 플래쉬를 새로 읽어오게 하고 싶은데..  
한승진 자바스크립트 질문.. [5] 2007.08.10
Шıса 마우스 롤오버 관련인데요.. [3] 2007.08.10
고장미 폼양식이요.. [1] 2007.08.10
mydizzan 프레임이 이상해요.. [2] 2007.08.10
마그리뜨 펼침목록으로 메뉴를 만드는데 좀 도와주세요(!) [3] 2007.08.10
한정수 다시 질문.. 이런프레임.. [1] 2007.08.10
김교홍 표에 대한 질문 좀 할께요. ^^;; [1] 2007.08.10
김민수 한줄로 말고 여러줄의 경고창을 띠우고 싶은데요.. [3] 2007.08.10
태그 쓰기