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

카이루

· 21년 전 · 조회 3811 3811

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

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

댓글 작성

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

로그인하기

게시글 목록

번호	제목	글쓴이	조회	날짜
11296	PHP 스팸로봇의 이메일 수집 방지 3	세븐데이	1,521	12년 전
11294	JavaScript 레이어팝업 스크립트 문의 1	제이티37	1,534	12년 전
11285	기타 vi로 URL 열기 8	프로프리랜서	1,134	12년 전
11281	JavaScript 1원짜리팁 현재 사이트 쿠키 알아내기 3	프로프리랜서	1,581	12년 전
11277	JavaScript 1원짜리팁 자바스크립트로 좌우 공백 제거구현하기 3	프로프리랜서	1,779	12년 전
11275	PHP Please help me.Fatal error: Call to undefined function dbconn_error() 1	Okta	961	12년 전
11273	MySQL Apache2, PHP, Oracle(MySQL) 웹 연동 설치 1	세븐데이	2,188	12년 전
11265	PHP 몇일째 테스트 중인데 머가 문제인지 죽어도 모르겠습니다. 고수님들 도와줴요..ㅠㅠ 7	개도	1,148	12년 전
11263	기타 Zen Coding in Editplus (HTML,CSS 코딩을 빠르게) 1	senseme	7,350	12년 전
11260	웹서버 화일을 캐쉬 주고 압축해서 보내기 2	senseme	1,304	12년 전
11258	PHP 캐쉬 삭제 1	senseme	1,148	12년 전
11256	기타 모바일 웹 사용시 줌 비허용하기 1	senseme	1,948	12년 전
11254	PHP 절댓값 리턴 함수 1	senseme	935	12년 전
11251	JavaScript 자동 스크롤바 사용하기 2	senseme	1,460	12년 전
11249	JavaScript 일주기 시간대별로 플래시무비 자동 교체시키기 1	senseme	1,077	12년 전
11247	JavaScript TEXTATEA 창늘리기~ 1	senseme	1,022	12년 전
11245	PHP UTF-8 문자열 자르기 함수 1	PASKRAN	2,764	12년 전
20189	반응형 브라우저 가로사이즈에 반응하여 css로 균등한 간격으로 정렬하기~_~ 10	스아이	10,690	12년 전
11239	jQuery 상단 가운데 정렬 , 스크롤시 상단에 고정... 5	열매	2,964	12년 전
11233	jQuery 제이쿼리를 이용한 파일 업로드 관련 자료 입니다. 5	프로프리랜서	2,804	12년 전
11228	jQuery 제이쿼리 효과2입니다. 4	프로프리랜서	1,355	12년 전
11222	jQuery 제이쿼리 fadein 효과 5	프로프리랜서	2,701	12년 전
11219	PHP 간단하게 파일을 쓰거나 읽는 함수입니다 2	프로프리랜서	789	12년 전
11215	JavaScript 페이스북 댓글창, 좋아요 달기 3	프로프리랜서	1,709	12년 전
11212	PHP IP중간 * 표시 하기 2	프로프리랜서	1,107	12년 전

이전 다음

32 33 34 35 36

전체 목록