자유롭게 게시물을 올릴수있는 게시판입니다.
  • 유년추억
  • 학교생활
  • 입시준비
  • 대학생활
  • 군생활
  • 알바생활
  • 취업준비
  • 직장생활
  • 원룸생활
  • 연애중
  • 결혼준비
  • 집안살림
  • 자녀교육
  • 창업준비
  • 이민유학
  • 노후생활
  • 전체보기


BCPARK 유튜브 구독 감사합니다. BCPARK 유튜브 구독 감사합니다.
비씨파크 회원 뭉쳐서 100만 유튜브 채널 가즈아~~~


플레시 같이 자연스럽게 이미지 교체 시키기...

 

소스입니다.
이미지 경로에 2개의 이미지를 넣어놓은면 이미지가 자연스럽게 번갈아가면서 바뀝니다.

 

<html>
<head>
<title> 자바스크립트 </title>

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin

var slideShowSpeed = 4000; //슬라이드되는 속도
var crossFadeDuration = 3;
var Pic = new Array();

Pic[0] = 'img_05.jpg' //이미지경로 설정
Pic[1] = 'img_06.jpg' //이미지경로 설정

var t;
var j = 0;
var p = Pic.length;
var preLoad = new Array();
for (i = 0; i < p; i++) {
preLoad[i] = new Image();
preLoad[i].src = Pic[i];
}
function runSlideShow() {
if (document.all) {
document.images.SlideShow.style.filter="blendTrans(duration=2)";
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)";
document.images.SlideShow.filters.blendTrans.Apply();
}
document.images.SlideShow.src = preLoad[j].src;
if (document.all) {
document.images.SlideShow.filters.blendTrans.Play();
}
j = j + 1;
if (j > (p - 1)) j = 0;
t = setTimeout('runSlideShow()', slideShowSpeed);
}
// End -->

</script>

</head>

<body onLoad="runSlideShow()">

<IMG SRC="img_05.jpg" name='SlideShow'>

</body>
</html>



비씨파크 카카오톡 오픈채팅방 오픈! gogogo~~~
[초대코드 bcpark]


minaam
written by minaam (minaam)
2004-05-08 14:15:58
1149 번 읽음
이 글에 총 1 개의 파일이 첨부되어 있습니다.
☞ 로그인 후 의견을 남기실 수 있습니다
 캐시선물


홈페이지 운영하세요? 용량과 트래픽과 가격으로 고민하셨어요?
비씨파크 평생 무제한 웹호스팅





Copyright ⓒ 2000-2025 BCPARK Inc. All Right Reserved.

365ch.com 128bit Valid HTML 4.01 Transitional and Valid CSS!
태그