묻고답하기
이미지 랜덤 태그 문의 (자바스크립트)
2011.07.02 11:22
<script language='javascript'>
<!--
function RandomNumber() {
var today = new Date();
var num= Math.abs(Math.sin(today.getTime()/1000));
return num;
}
function RandomGraphics() {
var x = RandomNumber();
if (x > .77)
{document.write ("<img src='{$layout_info->logo_img}' width={$layout_info->width} alt={$layout_info->name} title={$layout_info->name} border=0>"); return; }
if (x > .33)
{document.write ("<img src='{$layout_info->logo_img2}' width={$layout_info->width} alt={$layout_info->name} title={$layout_info->name} border=0>"); return; }
if (x > .0)
{document.write ("<img src='{$layout_info->logo_img3}' width={$layout_info->width} alt={$layout_info->name} title={$layout_info->name} border=0>"); return; }
}
RandomGraphics();
-->
</script>
<!--
function RandomNumber() {
var today = new Date();
var num= Math.abs(Math.sin(today.getTime()/1000));
return num;
}
function RandomGraphics() {
var x = RandomNumber();
if (x > .77)
{document.write ("<img src='{$layout_info->logo_img}' width={$layout_info->width} alt={$layout_info->name} title={$layout_info->name} border=0>"); return; }
if (x > .33)
{document.write ("<img src='{$layout_info->logo_img2}' width={$layout_info->width} alt={$layout_info->name} title={$layout_info->name} border=0>"); return; }
if (x > .0)
{document.write ("<img src='{$layout_info->logo_img3}' width={$layout_info->width} alt={$layout_info->name} title={$layout_info->name} border=0>"); return; }
}
RandomGraphics();
-->
</script>
이 소스를 이미지 3개 랜덤이 아닌 5개 랜덤으로 바꾸고 싶습니다.
어떻게 바꾸면 좋을까요?
댓글 3
-
ForHanbi
2011.07.02 12:04
-
ForHanbi
2011.07.02 12:07
js를 잘 모르지만 배열해둔 부분이 초를 백분율로 나눠서 반응할때의 시간에 따라 나눈 이미지를 보여준다는 js같습니다.
-
얼핏 시간으로 어찌 하는지는 알겠지만 백분율로 나눠서였군요 ㅎㅎ; 답변 감사드립니다~
-
ezi
2011.07.02 12:12
<script type="text/javascript">
<!--
no = Math.round(Math.random()*4)+1;
switch (no) {
case 1 :
document.write ("<img src='{$layout_info->logo_img}' width='+ '{$layout_info->width}' alt='{$layout_info->name}' title='{$layout_info->name}' border='0' />");
break;
case 2 :
document.write ("<img src='{$layout_info->logo_img2}' width='{$layout_info->width}' alt='{$layout_info->name}' title='{$layout_info->name}' border='0' />");
break;
case 3 :
document.write ("<img src='{$layout_info->logo_img3}' width='{$layout_info->width}' alt='{$layout_info->name}' title='{$layout_info->name}'+ ' border='0' />");
break;
case 4 :
document.write ("<img src='{$layout_info->logo_img4}' width='{$layout_info->width}' alt='{$layout_info->name}' title='{$layout_info->name}' border='0' />");
break;
case 5 :
document.write ("<img src='{$layout_info->logo_img5}' width='{$layout_info->width}' alt='{$layout_info->name}' title='{$layout_info->name}' border='0' />");
break;
}
-->
</script> -
답변채택이 둘이 안되서 아쉽네요^^:
if (x > .80)
{document.write ("<img src='{$layout_info->logo_img}' width={$layout_info->width} alt={$layout_info->name} title={$layout_info->name} border=0>"); return; }
if (x > .60)
{document.write ("<img src='{$layout_info->logo_img2}' width={$layout_info->width} alt={$layout_info->name} title={$layout_info->name} border=0>"); return; }
if (x > .40)
{document.write ("<img src='{$layout_info->logo_img3}' width={$layout_info->width} alt={$layout_info->name} title={$layout_info->name} border=0>"); return; }
}if (x > .20)
{document.write ("<img src='{$layout_info->logo_img4}' width={$layout_info->width} alt={$layout_info->name} title={$layout_info->name} border=0>"); return; }
if (x > .0)
{document.write ("<img src='{$layout_info->logo_img5}' width={$layout_info->width} alt={$layout_info->name} title={$layout_info->name} border=0>"); return; }
순서로 나열하시면 될거 같은데요