2007. 6. 28. 01:07
코코솝 메인에 적용..
<html>
<head>
<title> -_-a </title>
</head>
<!--스크립트시작-->
<script language="javascript">
function random_img(){
num=Math.floor(Math.random()*5);//다섯개 이상의 파일을 출력하려면 5를 해당숫자로 수정.
document.randomImage.src="img/image"+num+".jpg";
}
</script>
<!--스크립트끝: 스크립트부분을 <head></head>사이에 추가합니다.-->
<body>
<img name="randomImage">
<script>
random_img(); //위의 이미지태그 아래쪽에 반드시 추가
</script>
</body>
</html>
-----------------------------------------------------------------------------------
먼저 위의 <body>태그 안에 포함된 <img>태그처럼 이름만을 선언해두고
자바스크립트로 그 경로를 랜덤값을 얻어와 파일명을 부여하는 방식입니다.
위의경우 같은 경로에 다섯개(0부터 4까지)의 이미지를 랜덤하게 보여주도록 만든겁니다.
숫자는 늘리거나 줄여도 되구요.
같은 경로에 다섯개의 이미지를 넣되 이름은 같고 번호로 구분을 주셔야 합니다.
위의 경우라면 img폴더 아래 image0.jpg부터 image4.jpg까지 포함되어 있어야 하겠죠.
파일이름의 부여가 잘되어야 오류가 없습니다. 확장자가 같아야 하며 0부터 시작해야 합니다.
<html>
<head>
<title> -_-a </title>
</head>
<!--스크립트시작-->
<script language="javascript">
function random_img(){
num=Math.floor(Math.random()*5);//다섯개 이상의 파일을 출력하려면 5를 해당숫자로 수정.
document.randomImage.src="img/image"+num+".jpg";
}
</script>
<!--스크립트끝: 스크립트부분을 <head></head>사이에 추가합니다.-->
<body>
<img name="randomImage">
<script>
random_img(); //위의 이미지태그 아래쪽에 반드시 추가
</script>
</body>
</html>
-----------------------------------------------------------------------------------
먼저 위의 <body>태그 안에 포함된 <img>태그처럼 이름만을 선언해두고
자바스크립트로 그 경로를 랜덤값을 얻어와 파일명을 부여하는 방식입니다.
위의경우 같은 경로에 다섯개(0부터 4까지)의 이미지를 랜덤하게 보여주도록 만든겁니다.
숫자는 늘리거나 줄여도 되구요.
같은 경로에 다섯개의 이미지를 넣되 이름은 같고 번호로 구분을 주셔야 합니다.
위의 경우라면 img폴더 아래 image0.jpg부터 image4.jpg까지 포함되어 있어야 하겠죠.
파일이름의 부여가 잘되어야 오류가 없습니다. 확장자가 같아야 하며 0부터 시작해야 합니다.