fc2ブログ

[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 画像 切り替え 入れ替え クリック サムネイル

関連記事
今なら半額! PC・家電・カメラが大特価!!

テーマ : ホームページ・ブログ制作 - ジャンル : コンピュータ

コメント

コメントの投稿

管理者にだけ表示を許可する

トラックバック


この記事にトラックバックする(FC2ブログユーザー) URL

最新記事
最新コメント
最新トラックバック
月別アーカイブ
カテゴリ
プロフィール

gigaspeed

Author:gigaspeed
GigaSpeedのBlog

ADD

Copyright © giga-speed blog All Rights Reserved.