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

카이루

· 20년 전 · 조회 5243 5243

이미지셑들간에 큰 공백을 주었던 기존의 스크롤러와는 달리 연속적으로 스크롤 되는 이미지 스크롤러 스크립트 입니다

<!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, 309회)

댓글 작성

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

로그인하기

게시글 목록

번호	제목	글쓴이	조회	날짜
200	기타 탭키 대신 엔터키를 눌러 이동합니다	예진맘	3,930	20년 전
199	JavaScript 전송버튼에 '전송중...' 이라는 표시를 해 줍니다	예진맘	3,320	20년 전
198	기타 입력 문자열 앞에 붙는 공백 제거하기	예진맘	4,397	20년 전
197	기타 엔터키를 누르면 다음 입력상자로 이동합니다	예진맘	5,599	20년 전
196	기타 버튼으로 텍스트영역의 크기를 제어합니다	예진맘	3,125	20년 전
195	JavaScript 텍스트 필드에 디폴트 메세지를 보여주고 클릭하면 사라집니다	예진맘	3,781	20년 전
194	JavaScript 특정일(ex 30일)이 지난 파일 삭제 및 디렉토리 이동하기	root	5,328	20년 전
191	MySQL cron [퍼옮] 2	예진맘	4,457	20년 전
190	MySQL mysql에서의 subquery	예진맘	5,090	20년 전
188	MySQL 여러데이터베이스 사용하는 방법 - 퍼옮 1	예진맘	4,675	20년 전
183	MySQL MySQL SELECT 문 - php와 관련하여 3	예진맘	7,142	20년 전
182	MySQL 패스워드 변경 및 루트 패스워드 찾기	예진맘	4,795	20년 전
181	MySQL MySQL 설치	예진맘	11,629	20년 전
180	MySQL mysql 루트(root) 암호를 잊었을 경우 [퍼옮]	예진맘	4,260	20년 전
179	MySQL MySQL 컬럼 형 [퍼옮]	예진맘	4,778	20년 전
178	MySQL MySQL 연산자 ( 사칙연산, 비트연산, 논리연산 ) [퍼옮]	예진맘	16,064	20년 전
177	MySQL MySQL 내부연산 ( 비교연산 )	예진맘	6,144	20년 전
176	MySQL MySQL 연산자 ( 형변환, 컨트롤함수 )[퍼옮]	예진맘	5,313	20년 전
175	MySQL MySQL 함수정리 ( 수학함수 ) [퍼옮]	예진맘	7,930	20년 전
174	JavaScript GROUP BY 와 같이 사용되는 함수 [퍼옮]	예진맘	5,018	20년 전
173	MySQL MySQL 문자열 관련함수[퍼옮]	예진맘	8,899	20년 전
171	MySQL MySQL 날짜 관련 함수[퍼옮] 1	예진맘	7,721	20년 전
166	MySQL MYSQL Query의 간단한 사용법 [퍼옮] 4	예진맘	8,202	20년 전
165	MySQL 자주 사용하는 Mysql Query문(php와 관련하여)	예진맘	5,856	20년 전
164	MySQL MySql 기본명령어 모음[콘솔사용시]	예진맘	8,309	20년 전
161	JavaScript 유효 도메인 책크하기	예진맘	4,384	20년 전
160	기타 기타 알아두어야 할 함수 [퍼옮]	예진맘	4,326	20년 전
159	기타 변수 및 수학 관련함수 [퍼옮]	예진맘	3,568	20년 전
158	기타 URL 관련함수 [퍼옮]	예진맘	4,239	20년 전
157	기타 파일 관련함수 [퍼옮]	예진맘	4,133	20년 전

이전 다음

전체 목록

강좌