- 締切済み
クリックで画像切替、表示された画像から各ページへリンクする方法
クリックで画像切替、表示された画像から各ページへリンクする方法 下記のような、左側の画像をクリックすると、右側の画像がクリックした画像に切り替わり、 切り替わった右側の画像からそれぞれ関連ページへリンクをつけたいと思っています。 ■何もしていない状態↓ 画像1 画像2 画像3 画像Ａ（画像1） 画像4 画像5 ■左側の画像2をクリックした場合↓ 中央の画像Ａの部分に画像2を表示 表示された画像Ａ（画像2）をクリックすると関連ページへリンク 画像1 画像2 画像3 画像Ａ（画像2） 画像4 画像5 画像の切り替えは色々調べると出てきたのですが、それぞれ切り替えた画像からのリンクの やり方がどうしてもわかりませんでした。 初心者なので、部分的ではなく一式書き方をお教えいただけましたら幸いです。 よろしくお願いいたします。
- piasu2007
- お礼率73% (92/126)
- Java
- 回答数1
- ありがとう数3
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- askaaska
- ベストアンサー率35% (1455/4149)
これはJavaの質問？ もしかしたらJavaScriptの質問なんじゃないかしら？
関連するQ&A
- オンマウスで画像変更、クリックでリンク先に飛ばしたいのです。
オンマウスで画像変更、クリックでリンク先に飛ばしたいのです。 右側にメニューボタン（１～４）があり 各ボタンにオンマウスすると左側に画像を表示、 クリックすると別ページにリンクさせたいのです。 フレームは使っていません。 初心者なので具体的なタグを教えていただくと助かります。
- ベストアンサー
- ホームページ作成ソフト
- リンクボタンをクリックし同じページのスペースを切り替えられるページを作るには？
最近ホームページビルダー13を買いホームページ作り初心者の者なんですが こんなページを作るにはどうすればイイでしょうか？ ページにいくつかボタンがあって クリックすると 別のページに飛ばないで 横か上下にある スペースの一部分だけ切り替わるページを作りたいんですが、どう作ればいいでしょうか。 例えば… ページ左側に プロフィールや日記やフォトのボタンがあって ページ右側は スペースが空いていて プロフィールのボタンをクリックすると 空いてる右側のスペースにプロフィールが表示されて さらに 日記をクリックすると 右側に日記が表示されて… という感じのページを作りたいんですが。 （説明下手ですみません） ホームページビルダーで作れるんでしょうか？ よろしくお願い致します。
- ベストアンサー
- ホームページ作成ソフト
- リンクで画像を置き換えたい
初心者ですが、よろしくお願いします。 たとえば 001.jpg 002.jpg 003.jpg という３つの画像ファイルがある場合に、 ---------------------------------- <html> <body> ～省略～ <a href = "#" onclick = "change_img(1)">画像1</a> <a href = "#" onclick = "change_img(2)">画像2</a> <a href = "#" onclick = "change_img(3)">画像3</a> <img src = "XXX.JPG> </body> </html> ---------------------------------- のような感じで画像１，２，３のリンクをクリックすることで、 ページ切り替えるのではなく、 XXX.JPGの部分のみ切り替えるscriptを考えているのですが、 ご教授願いないでしょうか？ 要望としては、切替候補の複数の画像は ページをロードしたときに最初に全て読み込んでおいて、 リンククリック時の画像の切替をスピーディにしたいと考えています。 サンプルの上記例にそくしたサンプルのコードなどを 回答いただけると助かります。 よろしくお願いいたします。
- ベストアンサー
- JavaScript
- フレームページへのリンク
トップページ(フレームなし)から、フレームページへのリンクがうまく表示されません。 トップページのリンクボタンをクリックすると、左側フレームのメニューは表示されますが、右側の内容のページが「Not Found」で表示されません。 が、表示されたフレーム左側のメニューをクリックすると表示されます。 トップページから、左右両方表示させるのにはどうすればよいのでしょうか？ よろしくお願いいたします。
- ベストアンサー
- HTML
- フレームで分かれたページへのリンク
フレームで分割されていないページからフレームで分かれているページへリンクしたいのですが、そのときにリンク先によりフレームに表示されるページを指定したいのですがうまくできません・・・どうしたらいいのでしょうか？ たとえば TOPページからリンクしていくと左側のフレームへメニューで右側には指定されたリンク先のページが表示するように。なのでクリックされたリンクが変わればそのページも違うページが表示されるようにです。 どうかよろしくお願いします。
- ベストアンサー
- HTML
- Flash画像の切替と指定ページへのリンク
FlashCS4の体験版を利用しています。 ホームページのトップページで、少し大きめのバナーを使って、以下のようなことをやりたいのですが、悪戦苦闘しています。 (1)画像A、B、CをA→B→C→A（Aで停止）の順で、それぞれ30秒程表示し、切り替える。 (2)切り替えは、AからBへスライドするような感じを考えています。 （ドコモのトップページhttp://www.nttdocomo.co.jp/をイメージしています） (3)表示中に、画像がクリックされたら、画像ごとの指定URLにジャンプする（同ウィンドウ）。 ABCAと連続する一画像を作成し、それをクラッシックトィーンで一画像ずつ移動させて、画像が移り変わるものを作成しました。 しかし、一画像の表示時間の指定やクリックされたときリンク先へのジャンプ設定などは、アクションを使わなければいけないようなので、その設定がわかりません（Timer？if？…）。 そもそも、連続画像を作って、クラッシックトィーンで移動させることもおかしいような気がします。 Flashは書籍やネットで勉強中で、まだまだ素人です。 できましたら、くわしく教えていただけませんか。 よろしくお願いいたします。
- 締切済み
- Flash
- クリックでリンク先の切り替え
お世話になっています。 基本かもしれませんが、どうしても分からないので質問させてください。 クリックしたときにリンク先を変更したいのです。 <script> var i=1; function change(){ i++; if(0==i%2){ document.shop_img.src="test1.jpg"; }else{ document.shop_img.src="test2.jpg"; } } </script> クリックされた回数に応じて、画像の切り替えとリンクの切り替えをしたいのです。 <a href="http://www.test.jp"><img src="test2" name="shop_img" /></a> 画像の切り替えはOKで、あとは画像を囲っているリンク先のURLをクリックするごとに切り替えしたいのですが、どうしても分かりませんでした。 分かる方、ぜひ教えてください！
- ベストアンサー
- JavaScript
- クリックで画像が入れ替わる設定
初心者です。 まず用意したものとして、 (1)「1.jpg」～「8.jpg」（サイズ各500×500）の8枚の画像データ (2)「1a.jpg」～「8a.jpg」（サイズ各20×20）の8枚の画像データ （例）サイトの左側半分に「1.jpg」を1つ貼付け、右側半分には「1a.jpg」～「8a.jpg」の8つの画像を貼付けます。その状態で、例えば右側の「2a.jpg」をクリックすると、左側の「1.jpg」が「2.jpg」に切り替わり、右側の「3a.jpg」をクリックすると、左側が「3.jpg」に切り替わるというように、右側の「1a.jpg」～「8a.jpg」をそれぞれクリックすることによって、左側の画像を指定した画像「1.jpg」～「8.jpg」に切り替えたいのですが、どのような設定（ソース）にすればいいのでしょうか？そのような設定をしているサイトがあれば教えてください。お願いします。
- ベストアンサー
- ホームページ作成ソフト
- 画像リンクをクリックしてもそのページに飛ばない。何も起こらないのですが、どうしたら良いでしょう。
画像リンクをクリックしてもそのページに飛ばない。何も起こらないのですが、どうしたら良いでしょう。お願いします。 画像リンクにカーソルを合わせてもカーソルのマークが矢印のままなのですが・・・
- 締切済み
- その他(データベース)
- クリックするごとに違うページにリンクさせたい
ホームページ作りで悩んでいるのですが… 一つの画像(jpg)をクリックするたびにランダムに違うページにリンクさせたいのですがどのようにしたら良いでしょうか？ ボタンやフォームでとかでなく一つの画像でできますか？ なにぶん初心者なのですいません。
- ベストアンサー
- Java
補足
分かりづらくてすみません。 JavaScriptの質問です。 他の方の質問で、探していた例が見つかりましたので解決しました。