• ベストアンサー

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

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

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

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

No.2です 先程のでダメでしたら こちらでお試しください http://www.interq.or.jp/mars/cherry/program/javascript/album02.html

crospy13
質問者

お礼

ありがとうございます。 私の質問文が悪かったので、うまく質問内容を伝え切れていないようです・・・。 もう一度質問を投稿してみます。 色々とありがとうございました。

その他の回答 (3)

  • BLUEPIXY
  • ベストアンサー率50% (3003/5914)
回答No.4

<img src="1.jpg" onclick="document.getElementById('IMG2').src='3.jpg'"> <img id="IMG2" src="2.jpg" >

  • natatin
  • ベストアンサー率50% (1322/2599)
回答No.2
  • sekiya-h
  • ベストアンサー率61% (1543/2514)
回答No.1

frame の場合ですが、アレンジしたら、ご希望のようなアクションも可能かも?  複数のページを同時に変更する  ⇒ http://www3.plala.or.jp/ririx/contents/js/ChangeFrame/index.html  複数のフレームを同時に変更する。  ⇒ http://www.tees.ne.jp/~pokochan/tips/frame.html 検索していけば、「そのままズバリ」なサイトも見つかるかも知れませんね。

関連するQ&A

  • 画像クリックで他の画像を入れ替える方法

    ホームページ制作超初心者です。サイト制作で、画像「A」をクリックすると、画像「B」が画像「C」に入れ替わる。というアクションを設定したいのですが、ソースはどのように書けばいいのでしょうか。ご助言お願いします。

  • Web上の画像の保存とソースの見方について

    Web上の画像を保存する際、右クリック→「名前を付けて画像を保存」をクリックして保存すると思いますが、その後表示される「画像を保存」の下の項目にある「ファイルの種類」がbmpになってしまいます。 すべての画像がbmpになってしまうわけではないみたいなんですが、特に素材屋さんのサイトの画像を右クリックすると、ほとんどの場合がbmpになってしまいます。 自分でも画像(jpg)をサイトにアップして確かめてみましたが、やはり右クリックして画像を保存しようとすると、jpgでアップしてあるにもかかわらずbmpになってしまいます。 「ファイルの種類」の右側の小さい▼をクリックしてみても、bmpしかなくjpgもGifもありません。 自分でも何故このような状態になるのかわからないのですが、以前はそんなことはなかったと思うのですが・・・。 それとは別件で、サイトのソースを見たい時は、普通「表示」→「ソース」をクリックするとメモ帳が開かれて見れるようになると思うのですが、これもある日突然見れなくなってしまいました。 そのサイトのソースだけが見れないのかと思い、他のサイトでも確かめてみましたがやはり見ることが出来ません。 仕方がないので「ファイル」→「名前を付けて保存」で一旦デスクトップにそのページを保存してから、あらためて「表示」→「ソース」をすればちゃんとメモ帳が開いてソースを見ることが出来るんです。 これに関しても何でそのようになってしまうのかが自分ではさっぱりわからず、何かPCの設定がおかしいのかと考えてみたのですが、結局自分では解決策が見つからず、是非原因がお分かりの方がいらっしゃいましたら教えて頂けたらと思います。よろしくお願い致します。

  • 画像をクリックすると動くようにするには?

    (1)ホームページビルダーで、動画を作る事はできたのですが、 クリックしてから動くようにするにはどうしたらいいのでしょうか?? (2)画像を、クリックすると好きに動かすことができ、 決めた場所に動かすと何か起こる・・・みたいな仕掛けは ビルダーなどでできるでしょうか? HPはジオシティ、 画像はビルダーとフォトショップで作っています。

  • 画像のソースはどう打ち込めばいいのですか?

    こんにちは。 ホームページビルダー16を使ってホームページを作っています。 で、ランダムに画像を表示したいと思い http://allabout.co.jp/gm/gc/23805/ を参考にしようと思ったのですが。。。 赤字の部分の書きかえってどう打てばいいのかわかりません。 画像名.jpg とかでいいんですかね? 初歩的な質問ごめんなさい^^; ご回答お待ちしています。

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

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

  • クリックすると大きくなる画像にしたい!!

    ホームページビルダーで画像をクリックすると拡大されるようにしたいのですが、どなたか方法を教えて下さい。

  • ビルダー7のロールオーバー画像の挿入で・・・右クリック画像保存出来るのでしょうか?

    今、現在ホームページビルダー7を使用して HPを作成しています。 HP公開にて画像の保存を出来ないようにするには 色々調べたのですが、、 「右クリック禁止」のタグの挿入(結局は取られる)の 他に、「ロールオーバー画像」の挿入で カーソルを持っていくと画面が変わる設定にしたとしても やはり、画像は保存されてしまうのでしょうか? 実際、ロールオーバー画像を挿入して 右クリックしたのですが、画像は保存できませんでした。 けれど、この方法でもやっぱりソースなどから 取り出されてしまうのでしょうか? すいません、初心者で無知な質問ですが ご存知の方がいらっしゃいましたら宜しくお願いします。

  • 画像をアップさせる時のHTMLソースの作り方。

    こんにちは、ホームページを作ってるのですが、画像をうまく表示できなくて困っています。助言お願いします。画像をFFFTPで縮小してHPで、小さい画像をクリックして、もとの大きさの画像を表示させようと思います。FFFTPで作成されたソース<a href="../4.jpg"><img src="4.jpg" border="0"></a>と表示されましたこれを、TOP.HTMLに書き込んだのですが、小さい画像になってなく、うまく表示されません。 エクスプローラーのツリーは、次のようになってます。 ー[]myHP   └[]img      │     []Resized-4jpg この様になってます。これを、HTMLソースで表すには、どのようにパスを書いたらよろしいですか?教えてくださいよろしくお願いします。

    • ベストアンサー
    • HTML
  • ホームページビルダーver.12で画像が貼れません。

    ホームページビルダーver.12を使用しております。 新規ページ作成時にフォルダビューから画像ファイルをドラッグすると「ファイルの挿入時」というダイヤログが出てどの項目をチェックして実行しても妙な文字列が表示されるだけで画像が現れません。 ファイルを右クリック→ページに挿入を実行すると貼れる画像と貼れない画像があります。 ヘルプ画面やサイト等で探してみましたが原因が分かりません。 少々困っております。よろしくお願いします。 修正ファイルは【hpb12030f】を入れています。

  • ホームページビルダーで背景に画像をアップするといくつもの画像が延々と・・

    いつもお世話になっております。 ホームページビルダーで、サイトの背景に無料素材サイトの画像を設定したいのですが、 素材サイトで画像を右クリックして「名前をつけて保存」し、 ホームページビルダーで背景設定で「参照」で「マイピクチャ」の当該画像を設定したのですが、 アップされると、同じ画像が縦横にいくつもでてしまいます。 背景用として紹介されている画像なんですが、全面ではなく右側だけに画像がある図です。 つまり、HP上に複数の枠ができてる状態です。 レンガやリボンといった背景画像であればいくつも連なっても不自然ではにないのですが、 画像の中に一つの絵だけがある背景画像を設定するのはどうすればいいのでしょうか? 説明書を読んでも載っていなくて。 ご存知の方、教えてください。 よろしくお願いいたします。

専門家に質問してみよう