- ベストアンサー
選択された画像の表示
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
JavaScriptを使う方法でも大丈夫であれば、JavaScriptを使うのが良いかと思います。 <html> <head> <script type="text/javascript"> <!-- function roimg(i){ if (document.images){ document.imgs.src=i; } } //--> </script> </head> <body> <p> <div style="float: right;"> <a href="#" onClick="roimg('画像1のURL'); return false;">画像1</a><br> <a href="#" onClick="roimg('画像2のURL'); return false;">画像2</a><br> <a href="#" onClick="roimg('画像3のURL'); return false;">画像3</a><br> <a href="#" onClick="roimg('画像4のURL'); return false;">画像4</a><br> <a href="#" onClick="roimg('画像5のURL'); return false;">画像5</a><br> <a href="#" onClick="roimg('画像6のURL'); return false;">画像6</a><br> <a href="#" onClick="roimg('画像7のURL'); return false;">画像7</a><br> <a href="#" onClick="roimg('画像8のURL'); return false;">画像8</a><br> <a href="#" onClick="roimg('画像9のURL'); return false;">画像9</a><br> <a href="#" onClick="roimg('画像10のURL'); return false;">画像10</a> </div> <img src="初めの画像のURL" name="imgs" alt="*"> </p> </body> </html> こんな感じではいかがでしょうか。 JavaScriptを使いたくない場合は、インラインフレームなどを使うのが良いかと思います。 参考までに…
その他の回答 (2)
再び失礼します。 補足読みました。 表示される内容のレイアウトについては、通常のHTMLをレイアウトする方法と同じです。 前回は、スタイルシートを使って、リンクの文字を右にフロートさせるような指定を入れていました。 これを書き換えて、部品の配置をし直せば良いでしょう。 なお、スクリプトは、リンクタグの中身を書き間違えない限りは問題なく動作すると思いますので、その部分を書き換えることを避ければ、HTMLを修正しても問題ないはずです。 具体的なソースですが、body内を以下のようなものにするのではいかがでしょうか。 <body> <p style="text-align: center;"> <img src="初めの画像のURL" name="imgs" alt="*"><br> <a href="#" onClick="roimg('画像1のURL'); return false;">画像1</a> / <a href="#" onClick="roimg('画像2のURL'); return false;">画像2</a> / <a href="#" onClick="roimg('画像3のURL'); return false;">画像3</a> / <a href="#" onClick="roimg('画像4のURL'); return false;">画像4</a> / <a href="#" onClick="roimg('画像5のURL'); return false;">画像5</a><br> <a href="#" onClick="roimg('画像6のURL'); return false;">画像6</a> / <a href="#" onClick="roimg('画像7のURL'); return false;">画像7</a> / <a href="#" onClick="roimg('画像8のURL'); return false;">画像8</a> / <a href="#" onClick="roimg('画像9のURL'); return false;">画像9</a> / <a href="#" onClick="roimg('画像10のURL'); return false;">画像10</a> </p> head内については、前回提示したものをそのまま使用してみてください。
お礼
また一歩勉強しました。 今後のページに応用します。 どうもありがとうございました。
- mousengoke
- ベストアンサー率50% (197/388)
こういうときはjavascriptを使って…… と書こうと思った毛左右に分かれてるならフレームでも大丈夫かもしれませんね。フレームについては参考URLを見てください。
お礼
フレームを既に使ったＨＰなのですが更にその中にフレームというのも可能でしょうか。 今後の参考にさせていただきます。 ありがとうございました。
関連するQ&A
- 二つの画像を一つにつなげたいです！
私の手元には、二つの画像があるのですが、それを一つにしてつなげたいんです。例えば、左側が山の写真で、右側が海の写真として、一つにするということです。（真ん中で分けたいんです。） この作業が出来るフリーソフトを教えて頂きたいです。 また、この作業はWindows フォトギャラリーでもできますか？ 初心者なので、あまりわからなくて・・・（汗） ちなみに、OSはVistaです。 回答よろしくお願いします。
- 締切済み
- 画像・動画・音楽編集
- 画像を別場所に出す
ＨＰを作成中しています。 フレームが左右に分かれているのですが、 左の文字をクリックしたら、右側にその指定した画像がでるようにするにはどういうタグを打てばいいんでしょうか？ ＨＰ作成サイトを見ても意味がわかりません＞＜よろしくお願いします。
- ベストアンサー
- その他（趣味・娯楽・エンターテイメント）
- フレームを使った画像サイトの作り方について
写真サイトを始めようかと思っています。 メインの写真展示コンテンツはフレームで左右を左少な目に二分割して、左に何の写真かの文字リンクをはって、大きく開いた右のスペースに左でクリックした内容が表示されるようにしたいと思ってます。 慣れない初心者なりに、フレームで左右を分けるところまではうまくいきましたが、いざ画像をアップしようとしたら全然うまくいきません。左の文字リンクで画像（サーバー内にアップロードしたもの）を見ようとすると、大きく開いた右のスペースには表示されず、新しく別窓が開いてしまいます。 一体どうすればいいのでしょうか？ ちなみに左のフレームの文字部分のタグは 「<a href="リンクアドレス"target="右側のフレーム名">文字</a>」 と入力しています（初心者向けのタグ講座さんで拾ったタグです） ちなみに http://www.ashinari.com/category.php?blogid=2&category=265&page=1 こんな感じにしたいと思っています（私の場合は画像を縮小することなくのせたいので、一回当たりに表示される画像は１，２枚程度ですが） ちなみにサーバーはＦＣ２です。ホームページビルダーなどは持っていません。
- ベストアンサー
- その他（インターネット・Webサービス）
- 画像表示のｈｔｍｌについて
このたび自分ののサイトを作ることになって、 そこに写真や絵を載せたいと思っています。 しかし、他サイトさんでよく見かける 左側にスクロールバーがあり、 そこにある項目をクリックすると右側に写真などが出る そんなページの作り方が分からなくて困っています。 どのようなタグを使えばよいのでしょうか？
- ベストアンサー
- HTML
- フォルダ内画像一覧表示に関して
Windows VISTA プレミアム使用ですが、 画像フォルダを開くと、すべての画像が「山と海」のJPEGイメージ で表示されます。 表示タブで、中アイコン、大アイコン、一覧などにしても 写真一覧表示になりません。 写真が、ずらずらっと小さく写真一覧にしたいのです。 ファイルをクリックすると、きちんとWindowsフォトギャラリー で開きます。 何か設定するところありますか？？
- ベストアンサー
- その他([技術者向] コンピューター)
- オンマウスで画像変更、クリックでリンク先に飛ばしたいのです。
オンマウスで画像変更、クリックでリンク先に飛ばしたいのです。 右側にメニューボタン（１～４）があり 各ボタンにオンマウスすると左側に画像を表示、 クリックすると別ページにリンクさせたいのです。 フレームは使っていません。 初心者なので具体的なタグを教えていただくと助かります。
- ベストアンサー
- ホームページ作成ソフト
- ビルダーでブログみたいなデザインを
ホームページビルダーでブログみたいなデザインのHPを作りたいのですが、左側のメニュー部分と右側の記事部分をフレームでわけずに、表示する方法はありますか？ フレームでわけてしまうと、便利なのですが、 左は左、右は右で、個別にスクロールしないといけなくなるので、悩んでいます。 フレーム同士のスクロールが同期してくれればベストなんですけど。 また。フレームの場合は左のメニューをクリックすれば右側にBBSなどを表示できるように、 フレームをつかわずに左側のメニューをクリックすれば右側にちゃんとBBSが表示されれば問題ないのですが。そういう方法はないでしょうか？
- ベストアンサー
- ホームページ作成ソフト
- FC2について
FC2でイラストを掲載しようと思っているのですがフレームというものが全くわかりません。 他の質問を見て、タグが必用と書いてあったのでタグを使ってみてもいまいちちゃんと掲載されないのです。 左のメニューをクリックし、右に画像が掲載されるという形にしたいのですがどなかた解説をお願いいたします。
- 締切済み
- Windows Me
- かっこよく画像を表示させる方法が知りたいです。
かっこよく画像を表示させる方法が知りたいです。 このページのように小さな画像をクリックすると、別ウインドーで写真を表示させたいのですが、これってどうやるんでしょうか。 http://www.swordofrebel.com/tattooworks.html 普通だと_blankで別ページで写真表示させますが、このページは余計なブラウザ枠もなくすっきりして斬新です。 誰か教えてください<(_ _)> 回答の際にはHTMLのタグや、タグの掲載してる参考ページなどを添えてくれるとうれいしです。 というか、これってHTMLタグでやるのかな？？ もしかしてJAVA？
- ベストアンサー
- HTML
補足
簡単にできました。ありがとうございます。 追加でお伺いさせていただけるなら、画像の位置を真ん中にして文字を下に書く場合はどこをどう変更すればようにでしょうか。