
私自身ホームページに関する専門用語をほとんど知らないため
正確に私の意志をお伝えすることが出来ないかもしれませんが、どうか、お力添えのほどよろしくお願いします。
下記のURL
http://www.alan1.net/jp/hawaii/oahu/sg/106/ag/56 …
にあるように、サムネイルのいずれの画像(小さい)をクリックしても、同ページ内のある固定された同じ場所に拡大した画像(大きい)を出す方法を教えていただけないでしょうか?
申し訳ございませんがよろしくお願いいたします。
No.2ベストアンサー
- 回答日時:
こんにちは
#画像を変換する処理です#
<script language="JavaScript">
<!--
function Image(img) { document.getElementById("image").src = img; }
//-->
</script>
#提示サイトの小さい画像にあたる部分です#
<img src="sample1.gif" onClick="Image('sample1.gif')">
<img src="sample2.gif" onClick="Image('sample2.gif')">
<img src="sample3.gif" onClick="Image('sample3.gif')">
<img src="sample4.gif" onClick="Image('sample4.gif')">
#提示サイトの大きい画像にあたる部分です#
<img src="sample0.gif" name="image" width="100px" height="100px" border="1">
#~~#の部分は説明なので削除してコピペしてくださいね(^^)
あとそちらで変更してもらうのは画像の名前です
sample○.gifの部分を画像のファイル名に変えてください
画像をフォルダ内に入れているのであれば (フォルダ名)/(画像名) のようにしてください
丁寧なコメント付きで返信して頂きましてありがとうございました。
早速ご支持頂いたとおりに行ってみたところ、簡単に表示することができました。
どうもありがとうございます。
No.1
- 回答日時:
これのonmouseoverと書いてある部分をonclickに変えれば出来ると思います。
参考になるURLを教えて頂きましてありがとうございました。
onclick以外にonmouseoverもからめてHPを作成しようと思います。
ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
IMGタグでTIFF画像を表示
-
クリックしても、リンクに飛ば...
-
画像をいくつか一列に並べ最後...
-
インラインフレーム内のページ...
-
ボタンを押したままにする。
-
期間ごとに画像表示を切り替え...
-
リンク先にしているページを小...
-
CSSなどでHTML全体の表示を拡大...
-
右クリック禁止が効かないのですが
-
バナーの貼り方とバナーにリン...
-
画像の横に文字を表示させたい。
-
FC2ショッピングカートのカスタ...
-
写真表示のページ・・・
-
Safariのalt属性
-
画像+リンク&文字のランダム...
-
gifアニメの動作が変わった
-
tifファイルが表示されない
-
areaタグのマウスオーバー時に枠線
-
タブレット端末の拡大率を大き...
-
HTML上の画像を結合する方法が...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
クリックしても、リンクに飛ば...
-
ボタンを押したままにする。
-
バナーの貼り方とバナーにリン...
-
背景が透明なリンクボタンで、...
-
クリッカブルMAP領域が分かる様...
-
form以外でのpostってできますか?
-
IMGタグでTIFF画像を表示
-
スライドショーの上にロゴマー...
-
期間ごとに画像表示を切り替え...
-
onmouseoverに複数の命令を書き...
-
areaタグのマウスオーバー時に枠線
-
タイトルバーに画像を入れるHTM...
-
[twip]から[pixel]への変換
-
HTMLにQRコードを挿入する方法
-
HTML上の画像を結合する方法が...
-
pngやjsの後ろの英数字の意味は...
-
拡張子無しで画像を表示したいです
-
複数のボタンで1つのエリアに...
-
画像クリックでクリップボード...
-
透過GIFが表示されないんで...
おすすめ情報