테스트 사이트 - 개발 중인 베타 버전입니다
SIR

끊김없이 연속적으로 스크롤 되는 이미지 스크롤러 스크립트

카이루
프로필 보기이 회원 글보기
 · 21년 전 · 3835
이미지셑들간에 큰 공백을 주었던 기존의 스크롤러와는 달리 연속적으로 스크롤 되는 이미지 스크롤러 스크립트 입니다

<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title>그누소스</title>

</head>

<body>

<!---- 아래와 같은 방법으로 스크립트 코드를 복사 해 넣으세요 --->

<script language="JavaScript1.2">

// 스크롤러의 가로크기
var sliderwidth=300
// 스크롤러의 높이 (이미지의 높이와 맞추어 주세요)
var sliderheight=100
// 스크롤 속도 (클수록 빠릅니다 1-10)
var slidespeed=3
// 배경색상
slidebgcolor="#EAEAEA"

// 이미지들을 설정 하세요
var leftrightslide=new Array()
var finalslide=''
leftrightslide[0]='<a href="http://"><img src="../000.gif" width="100" height="100" border=0></a>'
leftrightslide[1]='<a href="http://"><img src="../001.gif" width="100" height="100" border=0></a>'
leftrightslide[2]='<a href="http://"><img src="../002.gif" width="100" height="100" border=0></a>'
leftrightslide[3]='<a href="http://"><img src="../003.gif" width="100" height="100" border=0></a>'
leftrightslide[4]='<a href="http://"><img src="../004.gif" width="100" height="100" border=0></a>'


var copyspeed=slidespeed
leftrightslide='<nobr>'+leftrightslide.join(" ")+'</nobr>'
var iedom=document.all||document.getElementById
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-1000">'+leftrightslide+'</span>')
var actualwidth=''
var cross_slide, ns_slide

function fillup(){
if (iedom){
cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2
cross_slide2=document.getElementById? document.getElementById("test3") : document.all.test3
cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide
actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth
cross_slide2.style.left=actualwidth+20
}
else if (document.layers){
ns_slide=document.ns_slidemenu.document.ns_slidemenu2
ns_slide2=document.ns_slidemenu.document.ns_slidemenu3
ns_slide.document.write(leftrightslide)
ns_slide.document.close()
actualwidth=ns_slide.document.width
ns_slide2.left=actualwidth+20
ns_slide2.document.write(leftrightslide)
ns_slide2.document.close()
}
lefttime=setInterval("slideleft()",30)
}
window.onload=fillup

function slideleft(){
if (iedom){
if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8))
cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed
else
cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth+30

if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8))
cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed
else
cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth+30

}
else if (document.layers){
if (ns_slide.left>(actualwidth*(-1)+8))
ns_slide.left-=copyspeed
else
ns_slide.left=ns_slide2.left+actualwidth+30

if (ns_slide2.left>(actualwidth*(-1)+8))
ns_slide2.left-=copyspeed
else
ns_slide2.left=ns_slide.left+actualwidth+30
}
}


if (iedom||document.layers){
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
if (iedom){
write('<div style="position:relative;width:'+sliderwidth+';height:'+sliderheight+';overflow:hidden">')
write('<div style="position:absolute;width:'+sliderwidth+';height:'+sliderheight+';background-color:'+slidebgcolor+'" onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed">')
write('<div id="test2" style="position:absolute;left:0;top:0"></div>')
write('<div id="test3" style="position:absolute;left:-1000;top:0"></div>')
write('</div></div>')
}
else if (document.layers){
write('<ilayer width='+sliderwidth+' height='+sliderheight+' name="ns_slidemenu" bgColor='+slidebgcolor+'>')
write('<layer name="ns_slidemenu2" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')
write('<layer name="ns_slidemenu3" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')
write('</ilayer>')
}
document.write('</td></table>')
}
}
</script>

<!--------------------------- 여기까지 ---------------------------->

</body>
</html><div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]</div>

첨부파일

321.html (4.2 KB, 307회)
목록
이전글 다음글

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시글 목록

번호 제목
8947
기타 Microsoft Jscript Reference 2
8946
기타 Core JavaScript Guide
8945
기타 Netscape Navigator 4 Object Road Map
8939
JavaScript 테이블 셀에 링크하는법 & 마우스 오버 5
8930
JavaScript a href 링크로 라디오박스 선택 8
8924
기타 레이어 팔레트 opacity 값 쉽게 조정하기 5
8922
기타 eaccelerator 소개 1
8914
Flash Flv 플래쉬 플래이어 7
8909
기타 효과가 들어간 레이어를 일반 레이어로 바꾸기 4
8907
JavaScript home, end키 1
28496
HTML 특수문자 모음 5
8906
JavaScript 콘솔 화면 보호기 끄기
8905
기타 히스토리 지우는것 막기
8903
JavaScript VSFTP에서는 PUBLIC_HTML에.... 1
28495
HTML mqueue 설정(센드메일속도 UP)
8901
기타 서버보안에 강하다는 MyServerCop. 1
8894
MySQL apache + mysql + php 패키지 lampp를 소개합니다. 6
8893
기타 최근 리눅스 서버 기본 보안 정책...리눅스를 운영하시는 분은 꼭 필독하시고 적용해 주세요.^^
8888
기타 출생년도 4자리를 이용하여 나이 환산하기 4
8885
기타 클릭하는 링크 점선 없애기 2
8883
MySQL [펌]mysql매뉴얼 1
8881
JavaScript 미리보기 소스 1
8872
Flash 물결치는 모습 8
8868
기타 sendmail을 telnet상에서 곧바로 테스트 할 때 사용 3
8856
기타 이미지 없이 모서리 라운드 테이블 만들어 최신글 구현 11
8853
기타 액션 스크립만으로 윈도우창 띄우기 2
8852
기타 링크에 마우스를 대면 따라 떠 있는 레이어(풍선형 도움말)
8849
JavaScript 403 Forbidden error 생길때 2
8847
기타 [HTML] 기본 구조 1
8842
기타 사진 올라가는 효과~ 4
8838
기타 iframe 사이즈 페이지에 맞게 자동 조절 3
8833
기타 타이틀바에도 시계넣기=33 4
8829
기타 필터 이용하여 테이블에 그라데이션 효과 주기(I.E 6.0 전용) 3
8824
기타 타입 툴사용시 팁 4
8821
JavaScript 쓸모있는 'border-collapse' 속성 2
8819
Linux 페도라 리눅스 시디1장으로 설치하기 1
8818
MySQL [펌] MySQL 3.23.52 -> 4.0.17 버전으로 업그레이드 설치하는법
28492
HTML IE - 스크롤바 색상의 정확한 적용 2
8817
기타 Warning: Illegal offset type in /home/account/xxx.php on line n
8814
기타 게시판 이나 테이블 <TD>값에 배경이미지 고정하기 2
28490
HTML HTML Utopia:Designing Without Tables Using CSS 1
8811
기타 이미지를 미리 불러올(Preload) 필요가 없는 CSS Image Rollover 2
8810
JavaScript 움직임이 자연스러운 자바시계
8809
기타 당신의 홈피에 머문시간을 상태표시줄에 보여주기.
8805
JavaScript 마우스 cursor 3
8804
기타 그림자가 있는 글자
8801
기타 6개국 시간 2
8797
기타 css_table 1
8799
기타 └Re: css_table 1
8795
기타 iframe 의 크기를 자동으로 지정 1
8789
JavaScript 일러스트에서 한글 자판이 안먹힐때. 5
8784
Flash 이미지 없이 CSS로 둥근 모서리 구현하기 4
8782
기타 간결,빠름,불여우,익스 : 레이어 메뉴 1
8772
기타 한글 php 매뉴얼 chm 9
8771
기타 나머지 &#53829;들~~
28488
HTML 패스선택툴 1
8768
기타 힐링브러쉬&브러쉬 툴 2
28486
HTML 작업내역 브러쉬 1
8765
기타 올가미 툴 2
8761
기타 분할도구 3
8756
기타 마술봉&잘라내기 4
8751
기타 도장툴 4
28480
HTML 닷지툴 5
8746
JavaScript 이동툴 4
8739
기타 선택툴 6
8735
기타 뇌입어에서 뽀려온 스크롤 3
28476
HTML 일러스트 메뉴얼. 3
8726
JavaScript php 기초 함수 예문 모음 8
8725
PHP 접속자의 브라우져와 OS정보를 알려주는 함수입니다.
8718
Flash 간단한 플래시 매뉴 6
8710
기타 포토샵 기본팁 7
8703
JavaScript 모질라/파이어폭스에서 둥근 모서리 처리 6
8700
JavaScript 이미지 도구모음 표시안하기(IE용) 2
8697
기타 테이블 셀 배경이미지 정렬(파폭호환) 2
8694
기타 IMG사용시 이미지가 없으면 나오는 X대신 다른이미지넣기 2
8693
기타 새창열어서 내용 적어주기
8692
기타 포트를 이용한 버츄얼 호스팅 기능하기
8691
기타 아파치 VirtualHost
8689
기타 아파치에서 한글명으로 된 파일을 실행시키기 1
8686
JavaScript 포토샵 액션 AutoGaussian-피부질감 수정 2
8680
Flash 토수니 5
8678
기타 괜찮은 css 에디터 1
8671
기타 포토샵 인터페이스 이해하기 1 6
8670
JavaScript 아파치 웹서버 프로세스 갯수 늘리기
8667
기타 역시 첫 게시물... 일러스트 단축키 2
28465
HTML 첫 게시물..^^ 포토샵 단축키 10
8665
JavaScript css를 이용한 기본적인 레이아웃.. 1
8664
MySQL mysql 파일시스템 체크하는 쉘스크립트 - 펌
8663
기타 불여우에서도 되는 떠있는 레이어
8662
JavaScript 불여우에서도 되는 서브메뉴가 있는 메뉴 #2
8661
기타 불여우에서도 되는 서브메뉴가 있는 메뉴 #1
8660
기타 Automatically Jumping To The Next Field
8659
기타 learning the shell : 한파일을 subdirectory에 단번에 추가하자!!!
8657
MySQL 데이터베이스 를 사용자 계정에 설치하기 1
8656
MySQL gd+jpg+png+tiff rpm 설치..
8641
MySQL php함수정리(장난 아니게 기네요..--;; ) 14
8628
MySQL php 오류정리 12
8627
기타 실시간 카운트 다운 시계
8626
기타 사용자 계정 삭제
8625
JavaScript chmod 허가권변경
이전 다음
전체 목록