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

카이루

· 21년 전 · 조회 3808 3808

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

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

댓글 작성

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

로그인하기

게시글 목록

번호	제목	글쓴이	조회	날짜
510	JavaScript GetImageSize() 2	예진맘	2,649	20년 전
509	JavaScript 리눅스 서버의 시간이 맞지 않을때?	prosper	2,289	20년 전
17809	HTML man 페이지 txt파일로 저장하기	prosper	2,123	20년 전
508	기타 키보드의 방향키로 윈도우의 위치를 이동시킵니다	카이루	2,129	20년 전
507	기타 이동식 메뉴 박스	카이루	2,278	20년 전
506	기타 오늘은 어딜 가볼까? 콤보상자 회전후 이동하기	카이루	1,887	20년 전
505	기타 마우스 대신 키보드를 눌러 원하는 곳으로 이동합니다	카이루	1,888	20년 전
504	JavaScript 체크박스를 클릭하면 이동하는 체크박스 메뉴 스크립트	카이루	2,086	20년 전
503	기타 select 으로 이동하기 사이트 이동 소스	카이루	2,328	20년 전
495	기타 책장을 넘기는 것같은 이미지 슬라이드 쇼 스크립트 7	카이루	4,546	20년 전
494	기타 특정 디렉토리 또는 파일 갯수 세기	prosper	2,670	20년 전
493	JavaScript 디렉토리 내에서 파일만 퍼미션 변경	prosper	2,075	20년 전
491	기타 마우스를 대면 링크 이미지들을 미리 보여줍니다 1	카이루	2,141	21년 전
17806	HTML 이미지를 5단계로 키워서 보자 2	카이루	2,093	21년 전
490	JavaScript DirectX의 와이프 기능을 사용한 이미지 스와핑 효과	카이루	2,369	21년 전
488	기타 풀다운 콤보메뉴로 이미지들을 보여줍니다 1	카이루	2,522	21년 전
486	JavaScript 특정 이미지를 지정한 날까지만 보여줍니다 1	카이루	1,729	21년 전
484	기타 부드럽게 오버랩되는 이미지 슬라이드 쇼 1	카이루	4,039	21년 전
483	기타 끊김없이 연속적으로 스크롤 되는 이미지 스크롤러 스크립트 현재글	카이루	3,809	21년 전
481	JavaScript iframe 써서 노 프레임 효과 내기 1	카이루	2,935	21년 전
480	MySQL 설치Apache 1.3.29 + PHP 4.3.4 + MySQL + GD + IMAP 등등 설치	prosper	2,847	21년 전
479	MySQL [펌] mysql 인덱싱.	관리자	5,215	21년 전
478	MySQL Apache 1.3.x, php, mysql 3.x 연동(php정적모듈 설치) 웹서버 구축하기(첫번째 mysql 설치)	아우겐나이스	3,996	21년 전
17805	HTML 리눅스 압축관련 명령어	아우겐나이스	4,397	21년 전
477	JavaScript 퍼미션관련 명령어	아우겐나이스	3,408	21년 전

이전 다음

전체 목록