묻고답하기

  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 남기남
지은사랑 스크롤되는 이미지.. 서버에 무리 없을까요? [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
휴 ssh 질문이예여.. 도와주세여 [3] 2007.08.10
오한호 초보라 질문만해서 죄송하지만...select 해서 입력한 값은 어떻게 불러오는지? [4] 2007.08.10
곤스 소스를 봐주세요(메일) [3] 2007.08.10
이한승 웹브라우즈 크기를 구하는 밥법 종 알려주세요... [1] 2007.08.10
덩 질문 두가지!!! [2] 2007.08.10
박진우 그림자 있는 테이블은 어떻게 만드나요 ? file  
박강아름 나모 출판하기 이후 접속이 안됩니다. [2] 2007.08.10
김민수 상업사이트처럼 실제 주민등록번호 체크 하려면 어떻게 하죠? [1] 2007.08.10
김승호 포토샵 이미지레디에서 작업한 에니메이션을 저장하면... [2] 2007.08.10
한승진 폼을 함수로 보내는 방법?? [3] 2007.08.10
정문목 *급질* 플래시에서 반복하지 않고 다음페이지로 넘어가게 하는 방법..? [2] 2007.08.10
CN 왜 위에 줄이 생기는지 모르겠습니다. [4] 2007.08.10
고냉이 콱! 허접한 질문 몇가지요(노버디 파일백업 방법)  
지은사랑 게시판에 Html은 물론 링크도 않되게 하는 방법좀 알려주세요 [1] 2007.08.10
정문목 그림의 색을 반전하는 방법? [4] 2007.08.10
제이엠클럽 자신의 계정 트래픽 발생현황을 볼수있는방법이 없나요?> [2] 2007.08.10
이동원 표에다가 게시판을 불러올 수 없나요? [2] 2007.08.10
김태영 아이프레임(iframe) 바깥쪽 여백을 없앨수 있나요? [2] 2007.08.10
김진철 새창에 관한 질문하나요... [6] 2007.08.10
이태운 냉유 스타일 시트 말이죠^^ [2] 2007.08.10
태그 쓰기