웹페이지 호출시 이미지 랜덤

웹페이지 호출시 이미지를 랜덤하게 뿌려줘야하는데.

음.. 

단순히 보이는 화면에서 자바스크립트에서 랜덤돌려서 화면에 보여줄지

아니면 db에 등록할 때 등록하는 이미지가 없으면 랜덤이미지중 하나를 넣어서 DB에 저장할지..고민

자바스크립트를 이용하는 방법들은 있지만 내가 적용을 못해서 포기

db에 이미지를 넣는 것도.. 새로 가입하는 사람에 한해서 이기도하고 역시 자바스크립트를 이용해야 해서 접었다.

이미 천명이 넘는 사람들 데이터에 일일이 이미지를 넣어줄수도 없었고..

이렇게 저렇게 하다가 만것

var list= new Array() 

list[list.length]='/public/goodjob/img/img-noimg-0.png';  //첫 번째 이미지 

list[list.length]='/public/goodjob/img/img-noimg-1.png';  //두 번째 이미지 

list[list.length]='/public/goodjob/img/img-noimg-2.png';  //세 번째 이미지 

list[list.length]='/public/goodjob/img/img-noimg-3.png';  //세 번째 이미지 

list[list.length]='/public/goodjob/img/img-noimg-4.png';  //세 번째 이미지 

list[list.length]='/public/goodjob/img/img-noimg-5.png';  //세 번째 이미지 

j=parseInt(Math.random()*list.length); 

j=(isNaN(j))?0:j; 

function showimg(){ 

document.write("<img src='"+list[j]+"'alt="">");    //이미지 크기를 결정 

}

var a = Math.random() + "fart"

var rand1 = a.charAt(5)

quotes = new Array

quotes[0]="<img id="logoImageArea" src="/public/goodjob/img/img-noimg-0.png" alt=""/>"

quotes[1]="<img id="logoImageArea" src="/public/goodjob/img/img-noimg-1.png" alt=""/>"

quotes[2]="<img id="logoImageArea" src="/public/goodjob/img/img-noimg-2.png" alt=""/>"

quotes[3]="<img id="logoImageArea" src="/public/goodjob/img/img-noimg-3.png" alt=""/>"

quotes[4]="<img id="logoImageArea" src="/public/goodjob/img/img-noimg-4.png" alt=""/>"

quotes[5]="<img id="logoImageArea" src="/public/goodjob/img/img-noimg-5.png" alt=""/>"

var quote = quotes[rand1]

//var logoArea = document.getElementById("logoImageArea");

//var randomimages = new Array();

//randomimages[0] = "/public/goodjob/img/img-noimg-0.png";

//randomimages[1] = "/public/goodjob/img/img-noimg-1.png";

//randomimages[2] = "/public/goodjob/img/img-noimg-2.png";

//randomimages[3] = "/public/goodjob/img/img-noimg-3.png";

//randomimages[4] = "/public/goodjob/img/img-noimg-4.png";

//randomimages[5] = "/public/goodjob/img/img-noimg-5.png";

// var randomimg = Math.floor( Math.random() * (randomimages.length));

// alert(randomimages[randomimg]);

// logoArea.innerHTML="<src="+randomimages[randomimg]+" alt=""/>";

//document.write('<img src="' + randomimages[randomimg] + '" border=0>');

//<img id="logoImageArea" src="/public/goodjob/img/img-auth-register-01.png" alt=""/>

//document.getElementById('logoImageArea').innerHTML= randomimages[randomimg];

<!-- <img id="logoImageArea" src="/public/goodjob/img/img-auth-register-01.png" alt=""/> -->

<script type="text/javascript">

//<! [CDATA[  showimg(); //]]>

           </script>

무슨 해결방법은

db에서 이미지를 꺼내서 보여줄 때 없으면, 랜덤이미지를 보여준다. 

jstl사용 .

1. <c:choose>
2.      <c:when test="${!.........}">
3.      <img src="${.........}/${.........}${.........}" alt=""/>
4.      </c:when>
5.      <c:otherwise>
6.      <c:set var="rand"><%= java.lang.Math.round(java.lang.Math.random() * 6) %></c:set>
7.     <c:choose>
8. <c:when test="${rand == 1}">
9. <img src="/img/img-noimg-0.png" alt=""/>
10.   </c:when>
11.   <c:when test="${rand == 2}">
12.      <img src="/img/img-noimg-1.png" alt=""/>
13.      </c:when>
14.      <c:when test="${rand == 3}">
15.      <img src="/img/img-noimg-2.png" alt=""/>
16.      </c:when>
17.      <c:when test="${rand == 4}">
18.      <img src="/img/img-noimg-3.png" alt=""/>
19.      </c:when>
20.      <c:when test="${rand == 5}">
21.      <img src="/img/img-noimg-4.png" alt=""/>
22.      </c:when>
23.      <c:otherwise>
24.      <img src="/img/img-noimg-5.png" alt=""/>
25.      </c:otherwise>
26.      </c:choose>
27.      </c:otherwise>
28.  </c:choose>