사이트 내 전체검색
자바스크립트
모자이크식 슬라이드쇼
https://cmd.kr/javascript/332 URL이 복사되었습니다.
6,752 0 2009.10.29 06:18

본문

모자이크 형태로 이미지가 연속 슬라이드되어 보여지는 소스입니다.
보여줄 배너가 많을 경우 사용하면 좋을 것 같네요.

<script language="JavaScript1.1">
// 이미지가 슬라이드되는 속도를 설정합니다. 3000은 3초
var slidespeed=3000
// 이미지의 경로명을 적습니다.
var slideimages=new Array(
"http://www.nzeo.com/images/main/top_btn_2_on.gif",
"http://www.nzeo.com/images/main/top_btn_4_on.gif",
"http://www.nzeo.com/images/main/top_btn_5_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.nzeo.com/images/main/top_btn_1_on.gif" width=90 height=59 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>
출처 : http://www.aircon1004.com/data/bbs/board.php?bo_table=pds1&wr_id=144

댓글목록

등록된 댓글이 없습니다.

자바스크립트
831 (13/17P)

Search

Copyright © Cmd 명령어 3.129.45.144