랜덤으로 이미지 보여주기 코딩은???
본문
랜덤으로 예를 들어 이미지를 주기적으로 변경해 가면서 보여 줄려고 하면 어떻게 해야 하는지요?
이미지는 sample001.gif, sample002.gif .... 식으로 되어 있다면
사용자가 사이트에 들어 오면 1번 이미지가 어떤때는 2번 이미지가 보여지게 할려면 어떻게 코딩을 해야 할까요?:
이미지는 sample001.gif, sample002.gif .... 식으로 되어 있다면
사용자가 사이트에 들어 오면 1번 이미지가 어떤때는 2번 이미지가 보여지게 할려면 어떻게 코딩을 해야 할까요?:
답변 3
안녕하세요,
디렉토리에서 화일명이 gif인 화일을 읽어서 매번 다른그림을 출력하는예
입니다.
<!--?php <br-->
//카운터 변수 초기화
$i=0;
//디렉토리에서 화일명이 .gif인 목록을 얻음
$dirhandle = opendir(.);
while($filename=readdir($dirhandle)) {
if ((ereg(".gif",$filename))||(ereg(".GIF",$filename))) {
$i++;
$list[$i]=$filename;
}
}
closedir($dirhandle);
//배열의 크기
$end=sizeof($list);
//난수구함
srand((double)microtime()*1000000);
$tmp=rand(1,$end);
//출력
echo("<img src="$list[$tmp]">");
?>
음..도움 되시길..
자바 스크립트를 이용하셔도 됩니다.
간단한 소스입니다. 커스터 마이징 해서 사용하세요
자바스크립트
window.onload = rotate;
var thisAd = 0;
function rotate(){
var adImages = new Array(이미지파일경로1, 이미지경로파일2, 이미지 경로파일3..........);
thisAd++;
if(thisAd == adImages.length){thisAd = 0;}
document.getElementById("adBanner").src = adImages[thisAd];
setTimeout(rotate, 3 *1000); //3초에 한번 바뀌게 설정
}
html
<div class="centered"><img sec="이미지파일경로" id="adBanner"></div>
서적(비주얼 퀵 스타트 가이드)에 있는 소스이며 제가 전에 테스트 했을때 잘 되었습니다.
<script language="JavaScript">
// 배열에 랜덤으로 보여줄 이미지를 지정합니다.
var ary = new Array();
ary.push('배경이미지 경로1');
ary.push('배경이미지 경로2');
ary.push('배경이미지 경로3);
window.onload = function()
{
document.body.style.backgroundImage = 'url(+ary[Math.floor(Math.random()*ary.length)]+')';
}
//-->
</script>
위 스크립트를 넣어주시구요.
랜덤 배경이미지수를 늘릴려면
ary.push('배경이미지 경로);
이 부분 값을 늘려주면 됩니다.
답변을 작성하시기 전에 로그인 해주세요.
