<<[TIPS]ノートパソコン等で、起動時にNumlockをオンにして起動 | ホーム | 春の買い替え!>>
[TIPS][HP]画像の入れ替えをクリックひとつでする方法
データベース等で、1つのデータに写真を数点張り付ける時、大きな画像を1つ・サムネイルを複数置いて、クリックするだけで、大画像を入れ替える方法。
これと言って大がかりな方法も必要とせず、簡単にCGIに組み込むことが可能。
大画像には
name="a1"
を追加(a1は何でもOK)
サムネイルには
onclick="document.a1.src='画像のアドレス'"
を追加(a1は大画像と合わせる)
これだけ。
img src="$ImgDir$no-1$tail1" name="a1" alt="$name" width="550" height="412" border="0"
img src="$ImgDir$no-1$tail1" onclick="document.a1.src='$ImgDir$no-1$tail1'" alt="$name" width="125" height="94" border="0"
検索用キーワード
java 画像 切り替え 入れ替え クリック サムネイル
これと言って大がかりな方法も必要とせず、簡単にCGIに組み込むことが可能。
大画像には
name="a1"
を追加(a1は何でもOK)
サムネイルには
onclick="document.a1.src='画像のアドレス'"
を追加(a1は大画像と合わせる)
これだけ。
img src="$ImgDir$no-1$tail1" name="a1" alt="$name" width="550" height="412" border="0"
img src="$ImgDir$no-1$tail1" onclick="document.a1.src='$ImgDir$no-1$tail1'" alt="$name" width="125" height="94" border="0"
検索用キーワード
java 画像 切り替え 入れ替え クリック サムネイル
- 関連記事
-
- [TIPS]ノートパソコン等で、起動時にNumlockをオンにして起動
- [TIPS][HP]画像の入れ替えをクリックひとつでする方法
- chromeの新規タブを制御
テーマ : ホームページ・ブログ制作 - ジャンル : コンピュータ
<<[TIPS]ノートパソコン等で、起動時にNumlockをオンにして起動 | ホーム | 春の買い替え!>>
コメント
コメントの投稿
トラックバック
この記事にトラックバックする(FC2ブログユーザー) URL
| ホーム |