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

끊김없이 연속적으로 스크롤 되는 이미지 스크롤러 입니다.

혀니천사
프로필 보기이 회원 글보기
 · 9년 전 · 192

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr"> 
</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>

목록
이전글 다음글

댓글 작성

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

로그인하기

게시글 목록

번호 제목
384
알고있으면 유용한 무료 디자인소스 사이트
12508
JavaScript 서버시간 알아내기
383
css 템플릿 사이트
381
모바일 ui 사이트 1
20395
기타 swip 사용 안하고, touchstart, touchmove 사용하여 슬라이드 구현
12507
PHP 숫자를 한글표기로 바꾸기 입니다.
12506
Mobile Android,IOS 앱용 아이콘 템플릿 참고 사이트
12505
PHP 여러문장을 한번에 자동 줄바꿈 하기 입니다.
12504
웹서버 서버 동시접속자 설정 변경하기
12503
PHP 디렉토리의 모든 파일을 읽어 목록으로 만들기 입니다.
12502
PHP PHP 버전이 낮아 imagerotate() 함수가 없을때 대신 사용하는 함수
12500
PHP 간단하게 자동으로 테이블 너비 조정하기 입니다. 1
12499
PHP 문자열자르기 (문자별 다른 너비 해결)
12498
MySQL 테이블 복사 쿼리
20392
기타 많이들 사용하시는 Slider 에 대해서... 2
12497
PHP 현재 접속중인 사용자 나타내기
12496
MySQL mysql select 후 update 하기
12495
PHP 다른 페이지로 이동하는 방법 3가지 입니다.
12494
PHP 한글문자열 자르는 법 입니다.
12493
PHP mysql_query 전체 갯수 빨리 알아보기 입니다.
12492
PHP POST값 통째로 인코딩하기, 배열, iconv
12491
PHP 이메일주소 검사하기 입니다.
12490
웹서버 php 확장자 내 맘대로 바꾸기 입니다.
12489
PHP 문자열을 한 문자씩 나누어 출력하기 입니다.
12488
node.js Node js 게시판 프로젝트 소개합니다.
다음
전체 목록