• ベストアンサー

クリックで画像が入れ替わる設定

初心者です。 まず用意したものとして、 (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」に切り替えたいのですが、どのような設定(ソース)にすればいいのでしょうか?そのような設定をしているサイトがあれば教えてください。お願いします。

質問者が選んだベストアンサー

  • ベストアンサー
  • natatin
  • ベストアンサー率50% (1322/2599)
回答No.2

ホームページビルダーのサムネイル作成ではだめでしょうか V6にもある機能です 操作画面は違いますがヘルプでサムネイルで調べてみてください http://www.setuyaku-city.net/biruda/gazou/qhpg7.html V6でのフレームページの作成はこちらです  http://hpb.cool.ne.jp/hpbuilder/hp_frame.htm すなねぃるでも簡単にフレームのサムネイルが出来ますよ  http://homepage3.nifty.com/metis/contents/soft/

crospy13
質問者

お礼

ありがとうございます。 ようやく作成できました。 前回の質問に続き、丁寧なご回答ありがとうございます。 本当に助かりました。

その他の回答 (2)

  • natatin
  • ベストアンサー率50% (1322/2599)
回答No.3

JavaScriptを使ってもできます http://www6.plala.or.jp/savip/hp/page0703.html FLASH素材 フォトアルバム の方が簡単にできるでしょうか http://flash-bucks.com/flash/album/a11/index.html

noname#18728
noname#18728
回答No.1

フレーム使って表示させればどうでしょうか。

crospy13
質問者

補足

すいません。超初心者でフレームの意味がわからないです。 ソフトは「ホームページビルダーver6」(どこでも配置モード)を使用しています。 できれば、この設定になっているサイトなどを教えていただきたいのですが。

関連するQ&A

  • クリックで画像が入れ替わるソースの書き方

    例えば、「1.jpg」という画像をクリックすると、「2.jpg」という画像が「3.jpg」という画像に切り替わるという設定にしたいのですが、そのアクションを実行させるソースの書き方を教えて下さい。若しくはそのようなアクションが設定されているサイトをご紹介下さい。よろしくお願いします。※使用ソフト:「ホームページビルダーver6」です。

  • まとめて複数行に増やす方法を教えてください。

    こんにちは。 大量データを用意しなければならないのですが、画像左側1~5行までのデータをまとめてコピーし、画像右側のように各5行に増やして一度に貼り付けする簡単な方法がありましたら教えていただきたいです。 宜しくお願いいたします。

  • 画像をクリックしたらちがうサイトに・・・

    画像をクリックしたらちがうサイトに・・・ <a href="リンク先アドレス"><img src="表示する画像" alt="代替テキスト"></a> でリンク先アドレスを変えたいのですが・・・ あまりに記事の量が多く1個1個変えるのはとても時間がかかってしまいます。 ちなみにリンク先アドレスはすべて同じにするつもりです。 これをテンプレートのカスタムとかでどうにかまとめて設定できませんか? ちなみにfc2ブログです。 .jpgをクリックしたらどっかにサイトに・・・・ みたいな設定はどうやってやればいいのでしょうか、それともできないのでしょうか。 どうかわかる方がいらっしゃったらおねがいします。

  • クリックで画像切替、表示された画像から各ページへリンクする方法

    クリックで画像切替、表示された画像から各ページへリンクする方法 下記のような、左側の画像をクリックすると、右側の画像がクリックした画像に切り替わり、 切り替わった右側の画像からそれぞれ関連ページへリンクをつけたいと思っています。 ■何もしていない状態↓ 画像1 画像2 画像3  画像A(画像1) 画像4 画像5 ■左側の画像2をクリックした場合↓ 中央の画像Aの部分に画像2を表示 表示された画像A(画像2)をクリックすると関連ページへリンク 画像1 画像2 画像3  画像A(画像2) 画像4 画像5 画像の切り替えは色々調べると出てきたのですが、それぞれ切り替えた画像からのリンクの やり方がどうしてもわかりませんでした。 初心者なので、部分的ではなく一式書き方をお教えいただけましたら幸いです。 よろしくお願いいたします。

  • HTMLのテキストをクリックすると画像が表示されるCGI

    HTMLで作成した文章をクリックすると、 別ウインドウで表示されるようにしたいのですが、 何かいいcgiはありますでしょうか? 多少の改造ならできると思います。 java scriptでツールバーもスクロールバーも消せる方法はあるのですが、 データー量が多いため、全部作るのは大変なので・・・ 例) ABCDEF GHIJKL MNOPQR という文字をクリックすると、 別ウインドウでそれぞれの名前の画像が表示される。 そのウインドウサイズは、画像より一回り大きいぐらいで固定。 それぞれ、ABCDEF.jpg GHIJKL.jpg MNOPQR.jpg 画像のサイズは、縦、横とも同じサイズ。 何かいい方法、またはプログラムはありますでしょうか?

    • ベストアンサー
    • CGI
  • 「クリックして表示される画像が、右クリックでは保存できない」設定

    リンクをクリックすると、別ウィンドウが開いて画像が表示されるページがあります。 (ソースは<a href="○○.jpg" target=_blank>●●●</a>です。) ブラウザはIEを使っているのですが、 リンクを右クリックし、「対象をファイルに保存」を選ぶと、 ○○.jpgではなくて403.htmが保存されます。 おそらくサーバ側でそのような設定をしているのではないかと思うのですが、 Apacheの場合、どのようにすれば上記の環境になりますが?

  • 画像をクリックすると別ウインドウに拡大画像を表示する。

    アパレルのショッピングサイトの運営をしております。クライアントから「自社デザインを真似たものや盗用したものを頻繁に見かけるようになったため右クリック禁止で商品写真の画像をコピーされないようにしたい」との依頼がありました。 右クリック禁止は気休め程度と説明しましたが、残念ながら理解を得られませんでした。 私のJava Scriptの知識は読むことができる程度です。浅薄な知識ではどうにもすることができず、こちらに投稿させていただきました。どうぞよろしくお願いいたします。 実現したい内容は、▼次のとおりです。 ┌─────    │商品画像  │A0101.jpg └───── ↓↓クリックで別ウインドウが開く ┏━━━━━━━━ ┃         ┃ 商品拡大画像  ┃ A0101L.jpg(末尾の'L'はLサイズの意味) ┃ ┃    ×閉じる ┗━━━━━━━━ 1.商品画像をクリック。ファイル名A0101.jpgを変数に記憶。 2.A0101.jpgの末尾に’L'を加える。(A0101L.jpg) 3.別ウインドウを開き、拡大画像を表示。 4.拡大画像の横幅を調べ、別ウインドウを、高さ(600px)、横幅( 拡大画像+左右余白10px)にリサイズ。 5.画像上での右クリック禁止(<IMG SRC="A0101L.jpg" oncontextmenu="alert('画像コピー禁止');return false;">) ▼イメージに近いサイト 「ノードストローム」 (商品画像の下、>LARGE VIEWをクリック) http://store.nordstrom.com/product/product_brandboutique.asp?styleid=2874130&boutique=lacoste&category=2376776~2374325~2378463~2383145~2378114&NextStyleID=2874128&PrevStyleID=none ▼現在はtarget="_blank"で別ウインドウを開かせています。 <A href="picture/A0101L.jpg" target="_blank"><IMG src="picture/A0101.jpg"></A>

  • 画像の均等な切り分け方

    photoshop7です。 パノラマのようにつなぎ目をあわせて画像統合したものを、ちょうど半分の大きさに切り分けるのはどのようにしたらよいのでしょうか?! 一度やってみたのですが、サイズは半分ですが左右を切り分けようとすると、例えば左側が右側の部分までとってしまい2枚を再び重ね合わせると中央部分が2重になってしまいます。 何かよい方法はありますでしょうか? よろしくお願いします。

  • ボタンをクリックした感じの画像を設定する

    htmlページに、作成した画像を配置し、リンクを貼っています。 画像の上にカーソルを合わせたときに画像を変えることはできたのですが、 クリックしたときに画像を変える方法が分かりません。 クリックしたときに押した感じを表現したいです。 どのようにコードを書けばいいですか? ご教授お願いいたします! ちなみにオンマウス時に画像を変化させるため以下のようなコードを書いています。 <img src="./images/logo.jpg" onmouseover="this.src='./images/logo_on.jpg'" onmouseout="this.src='./images/logo.jpg'" alt="お問い合せはこちら" /></a> よろしくお願いいたします!

    • ベストアンサー
    • HTML
  • Excelで画像をクリックしたとき「図の書式設定」が表示されます。

    Excelで画像をクリックしたとき「図の書式設定」が表示されます。 これを作成したVBA起動に変える方法はあるでしょうか。 Excel2000です。 Excelのシートに「挿入 → 図 → ファイルから」で挿入しています。 この図をクリックすると「図の書式設定」が表示されます。 書式設定で細かく設定できるのですが、クリックするたびに大きなサイズ小さなサイズと変わるようにVBAを設定しようと思います。 サイズを指定するVBA自体はわかるのですが、図をクリックしたとき「図の書式設定」を出さないでVBAを起動する方法が解りません。 ご存知の方お教えいただけますか。

専門家に質問してみよう