묻고답하기

  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 남기남
왕초보처음이야 [초보입니다] 오른쪽위에 자꾸 네모난칸이생깁니다 ㅜ [6] file 2015.01.14 by 왕초보처음이야
banaba 스케치 게시판5 [7] file 2015.01.13 by banaba
인형의기사 관리자페이지에서만 보이는 스팸글 [1] 2015.01.13 by imagineshop
곰돌_이 타이틀 변경하는 방법 [1] file 2015.01.13 by imagineshop
서방서방 회원 사용자 정의 변수 외부페이지 사용  
고차방정식 스케치북5 최신버전 모바일 댓글 질문입니다..  
Kimberlime (초보)XE 로그인 및 게시판 외부에서 이용하기 [1] 2015.01.13 by XESTUDIO
파워XE 게시판 이미지 첨부시 자동으로 작게 해줄수 있나요? [2] 2015.01.13 by Podongi
최영석222 컨텐츠 확장 위젯 간격 문의 file  
피노키오72 최근 게시물 - 스케치북5 웹진형 카드스타일로 가져오는 방법  
신성3014 관리자페이지 회원목록 갯수를 늘려줄 수 있을까요? [5] 2015.01.13 by orangehome
Kxo 모바일 레이아웃 관련 질문 [9] 2015.01.13 by 블룬
생컨 게시판에 특정 단어 입력시 이미지 불러올수 있게 할수 있을까요? [5] file 2015.01.13 by 생컨
건방진고양이 기타 board 관련 문의입니다. [3] file 2015.01.12 by DEFINE
Kxo 모바일 회원가입 생일 버그랑 글 열람 금지 버그 안고쳐지나요?  
xe초보자 아이콘 출력방법을 아시는분 답변좀 달아주세요 [4] 2015.01.12 by xe초보자
참빛바다 ogg파일을 본문 삽입시 mp3와 같은 방식으로 취급되려면? [4] 2015.01.12 by 참빛바다
세상의모든계산기 포럼(Forum) 모듈 본문(Thread)에 유투브(youtube) 동영상이 안올라갑니다. [3] 2015.01.12 by 세상의모든계산기
도메인8295 해외 웹/VPS 호스팅 써보신분 계신가요? [2] 2015.01.12 by 도메인8295
몰라몰라몰라ㅏ 모바일페이지에서 댓글 펼치기가 안되는데.. [2] 2015.01.12 by 이즈야
태그 쓰기