이미지 슬라이딩 기능
그런데 사진 이미지 2장이상은 어려운 건가요?
2장이상을 할 수 있다면 소스 부탁 드립니다.
감사합니다.
이곳에 글을 주셨기 때문에 이제야 글을 확인했습니다.
묻고 답하기 게시판에 올려주셨더라면
제가 훨씬 일찍 글을 보았을터인데요...
이미지를 추가하시는 방법은
var img3 = new Image();
img3.src = "http://tagmania.net/img/j03.jpg";
그 아래에 이미지 번호를 4, 5, 6 이렇게 추가를 하시면 됩니다.
그런 다음에 그 아래의 'var maxLoops = 3; // 이미지의 갯수' 이부분을 이미지의 갯수만큼 수정을
해주시면 됩니다.
유용하셨기를 바랍니다.
<html>
<head>
<title>자바스크립트 예제 </title>
<!------------ 1단계 head 부분 : 여기서부터 복사하세요 ^^* ------------->
<script language="JavaScript1.1">
<!--
var img1 = new Image();
img1.src = "http://info.park5611.pe.kr/wm-012/poem/0319.jpg";
var img2 = new Image();
img2.src = "http://info.park5611.pe.kr/wm-012/poem/0510.jpg";
var img3 = new Image();
img3.src = "http://info.park5611.pe.kr/wm-012/poem/070315.jpg";
//-->
</script>
<!------------ 1단계 head 부분 : 여기까지 복사하세요 ^^* ------------->
</head>
<!------------ 2단계 body 이벤트핸들러 부분 : 여기서부터 복사하세요 ^^* ------------->
<body onLoad="init()">
<center>
<!------------ 2단계 body 이벤트핸들러 부분 : 여기까지 복사하세요 ^^* ------------->
<!------------ 3단계 body 부분 : 여기서부터 복사하세요 ^^* ------------->
<script language="JavaScript">
<!--
var maxLoops = 3; // 이미지의 갯수
var bInterval = 2; // 이미지가 잠깐 멈춰있는 시간 조절
var count = 2;
function init() {
blendtrjs.filters.blendTrans.apply();
document.images.blendtrjs.src = eval("img"+count+".src");
blendtrjs.filters.blendTrans.play();
if (count < maxLoops) {
count++;
}
else {
count = 1;
}
setTimeout("init()", bInterval*700+2000);
}
//-->
</script>
<img src="http://info.park5611.pe.kr/wm-012/poem/0319.jpg" name="blendtrjs" border="0" style="filter: blendTrans(duration=2)">
<!------------ 3단계 body 부분 : 여기까지 복사하세요 ^^* ------------->
</center>
</body>
</html>