01
06
JavaScriptによる画像切り替え
2008-01-06
<SCRIPT type="text/javascript">
<!--
function showimg1(){
document.area1.src = "画像1のURL";
}
function showimg2(){
document.area1.src = "画像2のURL";
}
function showimg3(){
document.area1.src = "画像3のURL";
}
-->
</SCRIPT>
<img src="最初に表示する画像のURL" name="area1">
<input type="button" onclick="showimg1()" value="画像1">
<input type="button" onclick="showimg2()" value="画像2">
<input type="button" onclick="showimg3()" value="画像3"> 「showimg4」「showimg5」…という感じに緑の部分の数字をかぶらないようにすればボタンを追加できます。
