이미지 슬라이드 만들기

이미지 슬라이드 만들기 스크립트 소스

※단. 구글 크롬에서는 동작 하지 않네요. 익스플러 6.0일때는 잘 동작합니다.

<script> //몇초마다 이미지를 변경시킬것인다. changeSec = 1; var imageSrc = new Array( // Wondergirl "http://poklok.net/~homekung/pic/wondergirl/80.jpg" , "http://poklok.net/~homekung/pic/wondergirl/73.jpg" , "http://poklok.net/~homekung/pic/wondergirl/64.jpg" , "http://poklok.net/~homekung/pic/wondergirl/44.jpg" , "http://poklok.net/~homekung/pic/wondergirl/13.jpg" , "http://poklok.net/~homekung/pic/wondergirl/11.jpg" //추가하고 싶은 이미지가 있다면 경로를 추가하면 됩니다. ); var ranImages = new Array(); for(i=0; i<imageSrc.length; i++) { ranImages[i] = new Image(); ranImages[i].src = imageSrc[i]; //document.images.ranImages[i].style.filter="blendTrans(duration=2)"; } function randomImage() { curLink=Math.floor(Math.random()*ranImages.length); document.getElementById('randomImage').src = ranImages[curLink].src; document.images.randomImage.filters.blendTrans.Play(); setTimeout("show()", changeSec*1000); setTimeout("randomImage()", changeSec*3000); } // 이미지 클릭시 새창으로 보이기 function viewLocation(Img) { window.open(Img.src, 'win', status); } </script> <img src="http://poklok.net/~homekung/pic/wondergirl/11.jpg" id="randomImage" width="300" height=" 400" style="filter:blendTrans(duration=2)" onClick="viewLocation(this);"> <script> randomImage(); function show(){ document.images.randomImage.filters.blendTrans.Apply(); } </script>

스크립트 소스 가져가기