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

카이루

· 21년 전 · 조회 5245 5245

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

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

댓글 작성

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

로그인하기

게시글 목록

번호	제목	글쓴이	조회	날짜
283	MySQL iptables(방화벽)를 이용한 서버의 보안강화하기	This	4,203	20년 전
282	기타 mc 버그 수정 (경로문제) 와우리눅스 7x 버전	This	2,831	20년 전
281	JavaScript 링크 시킨 파일 찾기	This	3,393	20년 전
280	JavaScript 리눅스 하드웨어 정보 보기	This	4,889	20년 전
279	MySQL mysql 루트 계정을 까먹고 일반 계정만 알고 있을때..	This	3,603	20년 전
278	기타 삼바로 마우트한 윈도우즈 백업서버에 데이터 저장	This	3,106	20년 전
277	MySQL my.cnf 파일은 위치..	This	6,773	20년 전
276	MySQL 부팅시 자동으로 mysql 서버 자동실행	This	6,931	20년 전
274	MySQL MySQL 루트비번 분실시 대처요령 1	This	5,999	20년 전
273	MySQL mysql에서 log 파일 남기기	This	5,736	20년 전
272	MySQL ALTER 테이블 추가,변경	This	9,160	20년 전
271	MySQL sql 파일로 테이블 간단히 만들기	This	5,515	20년 전
270	MySQL mysql 4.1 의 password()	This	4,077	20년 전
269	MySQL mysql 에서 최대 사용자 수	This	4,591	20년 전
266	MySQL mysql 사용자(유저,user) 추가 삭제 2	This	9,695	20년 전
265	MySQL mysql 로그 보기 (호스트명-bin.001 )	This	6,863	20년 전
264	기타 핑(ping) 막기	This	3,532	20년 전
263	MySQL mysql 로그 삭제 (호스트명-bin.001 )	This	5,029	20년 전
262	JavaScript su 사용자 제한하기	This	3,618	20년 전
261	기타 히스토리 (history) 크기 변경할때 경로파일 profile	This	2,817	20년 전
260	JavaScript 기본적인 삼바 설정	This	4,309	20년 전
259	기타 실시간 로그 보기..	This	3,209	20년 전
258	기타 부팅후 로그인 직전의 clear를 하고싶지 않으려면?	This	2,941	20년 전
257	JavaScript 부팅 로고 삭제	This	3,578	20년 전
256	JavaScript 콘솔에서 해상도 높이기	This	5,343	20년 전
255	기타 리눅스 서버 시간 맞추기	This	4,353	20년 전
254	기타 ssh로 접속할때 root로 막기	This	3,567	20년 전
253	JavaScript ssh로 접속할때 메시지를 보여주는 방법..	This	3,712	20년 전
252	JavaScript 아파치 로그 정리(압축) logrotate	This	6,010	20년 전
251	MySQL 아파치와 mysql 자동실행 시키는 방법..	This	4,745	20년 전

이전 다음

전체 목록

강좌