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

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

카이루
프로필 보기이 회원 글보기
 · 21년 전 · 3834
이미지셑들간에 큰 공백을 주었던 기존의 스크롤러와는 달리 연속적으로 스크롤 되는 이미지 스크롤러 스크립트 입니다

<!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회)
목록
이전글 다음글

댓글 작성

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

로그인하기

게시글 목록

번호 제목
8624
기타 소유권변경
8623
PHP 웹호스팅시 fopen함수를 사용하지 못할 경우
8617
PHP 웹호스팅시 fopen함수를 사용하지 못할 경우 5
8615
PHP 웹호스팅해서 사용시 fopen을 사용하지 못할 경우 1
28464
HTML 아파치 (apache) 인증 만들기 htaccess
8613
기타 vim 의 펑션키 지정하기 1
8612
기타 fstab 내용 뒤에 숫자는 무엇인가?
8611
JavaScript vim 의 들여쓰기 + 색상 눈 덜피곤 c++ php 등.. (리눅스용)
8610
JavaScript vim 의 간단한 사용법
8609
JavaScript [자바스크립트] 상태표시줄 제어 + 간단한 복사 제어
8606
Linux /etc 디렉토리 아래의 파일들 2
8605
기타 shadow 잠금 해제
8604
기타 yum 설치 (redhat 7.3)
8603
JavaScript yum 업데이트 되는곳 7.3 or 페도라
8602
MySQL mysql 링크하기
8601
기타 tripwire 갱신 업데이트
8600
MySQL mysql.sock 삭제 하였을 경우
8599
기타 가상 호스트 사용시 전송 속도 제한
8598
기타 가상호스트 무단링크 막기?
8597
JavaScript ps 시 화면 짤리는부분 보이게 하기
8596
기타 파일 (폴더)의 퍼미션 골라 한꺼번에 바꾸기
8595
Linux 텔넷에서 다른 계정사용자의 홈디렉토리 접근 막기
8594
기타 chmod 의 스틱키
8593
JavaScript tripwire 의 twr 파일 보기
8592
JavaScript 최근 사용자 접속 리스트 보기
8591
기타 PuTTY (ssh,telnet,ftp) 접속시 사용
8590
기타 센드메일에서 메일 용량을 제한하기
8589
JavaScript atd 데몬
28463
HTML vsftp에서 기본디렉토리 바꾸기 (ftp)
8588
JavaScript portmap
8587
기타 sar 이용하여 시스템 모니터링하기 (sa01)
8586
기타 Kerberos : 커베로스
8585
JavaScript md5sum 사용방법
8584
JavaScript TAR 압축방법
8583
기타 아파치에서 전송속도 제한
8581
기타 샌드메일 로그 실시간 분석 1
8580
기타 crontab 사용하기
8579
JavaScript umask 설정법
8578
기타 사용하지 않은 가상 콘솔의 중지,정지
8577
기타 Find 명령어 활용
8576
기타 zip 압축 해제
8575
JavaScript 삼바(samba)에서 내부만 들어오게 하기
8574
기타 Redhat7.x 에서 kde 에 아미 붙이기
8572
기타 root 패스워드 잊어버렸을경우 1
8571
JavaScript quota 젠체 용량 확인
8570
기타 lynx 환경설정 (/etc/lynx.cfg)
8569
PHP zend 설치하기 (php.ini) 에서 안보일때..
8568
JavaScript 런레벨 편집
8567
기타 리눅스에서 문자찾기
8566
기타 리눅스에도 xnews같은 프로그램이 있나 ??
8565
JavaScript 삼바로 리눅스에서 윈도우로 공유하기
8564
JavaScript shadow 패스워드 잠금 해제 하기
8563
기타 sendmail 메일 저장되는곳
8562
기타 telnet 막고 ftp만 권한 주기..
8561
JavaScript vim에서 컬러는 나오게 하기
8560
기타 whereis 와 find 차이점
8558
기타 root 권한에 준하는 사용자 만들기 1
8557
MySQL my.cnf 파일은 어디에?
8556
기타 hostname 변경후 telnet은 되는데.. ftp가 안될경우
8555
MySQL cron 설정
8554
JavaScript 호스트네임 바꾸기
8553
JavaScript 하드링크와 심볼릭링크?
28462
HTML 콘솔의 화면보호기능을 끄려면?
8552
기타 스틱키
8551
JavaScript 날짜 바꾸기 date 명령을 이용
28461
HTML 스왑 사용 안하기
8549
기타 여러파일 확장자 바꾸기 1
8548
기타 SSH
8547
JavaScript rsync 백업
8545
JavaScript 저 사양 PC로 리눅스 라우터 만들기 1
8544
Linux Tripwire
8543
기타 ext3 에서 quota를 적용
8542
MySQL iptables(방화벽)를 이용한 서버의 보안강화하기
8541
기타 mc 버그 수정 (경로문제) 와우리눅스 7x 버전
8540
JavaScript 링크 시킨 파일 찾기
8539
JavaScript 리눅스 하드웨어 정보 보기
8538
MySQL mysql 루트 계정을 까먹고 일반 계정만 알고 있을때..
8537
기타 삼바로 마우트한 윈도우즈 백업서버에 데이터 저장
8536
MySQL my.cnf 파일은 위치..
8535
MySQL 부팅시 자동으로 mysql 서버 자동실행
8533
MySQL MySQL 루트비번 분실시 대처요령 1
8532
MySQL mysql에서 log 파일 남기기
8531
MySQL ALTER 테이블 추가,변경
8530
MySQL sql 파일로 테이블 간단히 만들기
8529
MySQL mysql 4.1 의 password()
8528
MySQL mysql 에서 최대 사용자 수
8525
MySQL mysql 사용자(유저,user) 추가 삭제 2
8524
MySQL mysql 로그 보기 (호스트명-bin.001 )
8523
기타 핑(ping) 막기
8522
MySQL mysql 로그 삭제 (호스트명-bin.001 )
8521
JavaScript su 사용자 제한하기
8520
기타 히스토리 (history) 크기 변경할때 경로파일 profile
8519
JavaScript 기본적인 삼바 설정
8518
기타 실시간 로그 보기..
8517
기타 부팅후 로그인 직전의 clear를 하고싶지 않으려면?
8516
JavaScript 부팅 로고 삭제
8515
JavaScript 콘솔에서 해상도 높이기
8514
기타 리눅스 서버 시간 맞추기
8513
기타 ssh로 접속할때 root로 막기
8512
JavaScript ssh로 접속할때 메시지를 보여주는 방법..
이전 다음
전체 목록