웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
배너를 모자이크로 슬라이드한다!
2004.05.17 18:34
http://htmltester.co.to
<script language="JavaScript1.1">
// 이미지가 슬라이드되는 속도를 설정합니다. 3000은 3초
var slidespeed=3000
// 이미지의 경로명을 적습니다.
var slideimages=new Array(
"http://www.nzeo.com/images/main/top_btn_1_on.gif",
"http://www.nzeo.com/images/main/top_btn_2_on.gif",
"http://www.nzeo.com/images/main/top_btn_3_on.gif"
)
// 위의 이미지에 대한 랑크경로를적습니다.
var slidelinks=new Array(
"http://www.nzeo.com",
"http://www.nzeo.com",
"http://www.nzeo.com"
)
var imageholder=new Array()
var ie55=window.createPopup
for (i=0;i<slideimages.length;i++){
imageholder[i]=new Image()
imageholder[i].src=slideimages[i]
}
// 링크의 형식을 변경하실수 있습니다.
function gotoshow(){
window.location=slidelinks[whichlink]
}
</script>
<a href="javascript:gotoshow()">
<img src="http://www.script.ne.kr/img/banner/script468X60.gif" name="slide" border=0 style="filter:progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=15,Duration=1)"></a>
<script language="JavaScript1.1">
var whichlink=0
var whichimage=0
var pixeldelay=(ie55)? document.images.slide.filters[0].duration*1000 : 0
function slideit(){
if (!document.images) return
if (ie55) document.images.slide.filters[0].apply()
document.images.slide.src=imageholder[whichimage].src
if (ie55) document.images.slide.filters[0].play()
whichlink=whichimage
whichimage=(whichimage<slideimages.length-1)? whichimage+1 : 0
setTimeout("slideit()",slidespeed+pixeldelay)
}
slideit()
</script>
<script language="JavaScript1.1">
// 이미지가 슬라이드되는 속도를 설정합니다. 3000은 3초
var slidespeed=3000
// 이미지의 경로명을 적습니다.
var slideimages=new Array(
"http://www.nzeo.com/images/main/top_btn_1_on.gif",
"http://www.nzeo.com/images/main/top_btn_2_on.gif",
"http://www.nzeo.com/images/main/top_btn_3_on.gif"
)
// 위의 이미지에 대한 랑크경로를적습니다.
var slidelinks=new Array(
"http://www.nzeo.com",
"http://www.nzeo.com",
"http://www.nzeo.com"
)
var imageholder=new Array()
var ie55=window.createPopup
for (i=0;i<slideimages.length;i++){
imageholder[i]=new Image()
imageholder[i].src=slideimages[i]
}
// 링크의 형식을 변경하실수 있습니다.
function gotoshow(){
window.location=slidelinks[whichlink]
}
</script>
<a href="javascript:gotoshow()">
<img src="http://www.script.ne.kr/img/banner/script468X60.gif" name="slide" border=0 style="filter:progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=15,Duration=1)"></a>
<script language="JavaScript1.1">
var whichlink=0
var whichimage=0
var pixeldelay=(ie55)? document.images.slide.filters[0].duration*1000 : 0
function slideit(){
if (!document.images) return
if (ie55) document.images.slide.filters[0].apply()
document.images.slide.src=imageholder[whichimage].src
if (ie55) document.images.slide.filters[0].play()
whichlink=whichimage
whichimage=(whichimage<slideimages.length-1)? whichimage+1 : 0
setTimeout("slideit()",slidespeed+pixeldelay)
}
slideit()
</script>
댓글 13
제목 | 글쓴이 | 날짜 |
---|---|---|
throttle-me를 이용한 계정 트래픽 나타내기
[39]
![]() | 旻天 | 2003.11.27 |
제로보드회원의 포인트 랭킹 체크하기 sql 정리 [4] | 한꼬마 | 2003.11.26 |
한꼬마의 제로보드 이용법 (sql로 테이블 호출) [2] | 한꼬마 | 2003.11.26 |
[Lotto 6/45] 로또 추첨 구현하기~
[5]
![]() | 전원주 | 2003.11.21 |
한꼬마의 제로보드 활용방법 (로그인 값 알아 보기) [3] | 한꼬마 | 2003.11.20 |
회원 포인트 랭킹(중복 -_-a)
[4]
![]() | weky | 2003.11.15 |
제로보드회원의 포인트 랭킹 체크하기
[13]
![]() | 전원주 | 2003.11.15 |
지금은 시스템 점검중 만들기... [8] | zentoo.com | 2003.11.11 |
접속자의 IP를 화일로 저장(기능추가) [27] | 전원주 | 2003.11.06 |
호스팅업체에서 GD를 지원하는지 여부를 알 수 있게해주는 소스 [12] | Wizard | 2003.11.05 |
홈페이지 관리자 모드 구축하기 (HTTP 인증, 중복 맞음)
[10]
![]() | 9000㎒ | 2003.11.01 |
include, onload, <span id=...> 다계층메뉴 활용 강좌 [2] | 김병희 | 2003.10.25 |
신문기사 긁어오기 [28] | horizon | 2003.10.20 |
공지사항|일기장 4강 - notice.php 간단한 글보이기 | 시루바 | 2003.10.16 |
최신인기가요 순위 한방에 뽑아오기 [10] | 제누스 | 2003.10.16 |
알기쉬운 웹용 MySQL 관리도구, phpMyAdmin 설치하기 [10] | 허창원 | 2003.10.11 |
MSN Messenger Class -
![]() | HungryMania | 2003.10.10 |
공지사항|일기장 3장 write_ok.php //간단한 입력쿼리문//수정 [5] | 시루바 | 2003.10.08 |
내 홈페이지의 방문자 어디서 접속했을까 알아봅시다
[21]
![]() | 버찌소년 | 2003.10.08 |
공지사항|일기장 프로그램 2장:코딩구조와write.php [2] | 시루바 | 2003.10.02 |