クリスマスプレゼントランキング
バレンタインチョコレシピ
ホワイトデーお返しプレゼント
レンタルサーバー 比較
Home
>
HP作成講座
>
画像系タグ
>
画像切り替え
●画像を切り替える
サンプル
船長
舵取り
タンバリン
画像を表示させたい所に
<img src="最初に表示する画像のURL" name="img">
クリックする文字
<span onclick="img.src='表示させる画像のURL'">文字</span>
*補足*
クリックする文字
を
ボタンにする場合は、
<input type="button" value="ボタンの文字" onclick="img.src='表示させる画像のURL'" style="border:枠線の太さ(数字) 枠線の種類 枠線の色;background:背景色;">
クリックする文字
を
ラジオボタンにする場合は、
<input type="radio" onclick="img.src='表示させる画像のURL'" style="border:枠線の太さ(数字) 枠線の種類 枠線の色;background-color:背景色;">
クリックする文字
を
別フレームに置く場合は、
onclick="img.src= に
onclick="
parent.画像を表示しているフレームの名前.
img.src='
を加えて下さい。
サンプル(文字の場合)
<span onclick="parent.画像を表示しているフレームの名前.img.src='表示させる画像のURL'">文字</span>
