リプタクのもう覚えられません
Google
Web サイト内
topmemo ▶ 開く度画像を変更する方法

JavaScript

開く度画像を変更する方法

JavaScriptで開く度画像を変更するサンプル。
サンプルは5枚の画像にそれぞれ0.jpgから5.jpgの名前をつけておき、ランダムに表示させる。JavaScriptが正常に動作しない場合を考慮し、あらかじめ1枚は表示させてある。

【サンプル】をみる


【サンプルソース】JS

<script type="text/javascript">
// <![CDATA[
window.onload = function(){
	var n= Math.floor(Math.random()*5);
	document.getElementById("haikeitest").style.background = "url(\"gazou/"+n+".jpg\")";
}

// ]]>
</script>


【サンプルソース】CSS

<style type="text/css">
<!--
#haikeitest {
	background-image: url(gazou/0.jpg);
	height: 400px;
	width: 550px;
}
-->
</style>


【サンプルソース】XHTML

<div id="haikeitest"></div>
last update 2010.11.25
参考・出典等
「特に無し」

▲page top

topmemogalleryblogtestaboutlinksmail
Copylight(C)2008-2010 Riptac. All Rights Reserved.