• ベストアンサー

サイト制作

サイト制作をしているのですが、解らないことがあり質問させて頂きます。 ボタンをおすと一部の画像を引き継いだままページが変わることなく背景などが変わるサイトにしたいのですがどの様にすれば良いのか教えて下さい。 Javascriptで可能でしょうか? もし、出来ない場合はどの様にすれば良いのでしょうか教えて下さい。 わかりずらい質問ですいません。

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

  • ベストアンサー
  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.4

No.3の補足を受けての回答です。  URLを変えないでと言うのは、javascriptやfrashなどを使うか、フレームを使う方法になりますが、原則として使うべきでない手法です。  「フレーム 問題 HTML」とでも検索したらわかるように、ユーザー側としては極めて不都合になります。ウェブ標準で言うところのWAIに反します。  遷移するとURLが変わる、あるいはリンクにポインターを合わせればタスクバーにアドレスが変わることは、ユーザー側からすれば極めて重要な情報となるのです。もちろん遷移した先をブックマークに登録もできませんね。  たとえば新聞社のサイトなどでしたら、記事のリンクは別に、ナビゲーションボタンを押すとページは遷移しますが、デザインは変わりませんね。  そのような手法をとるのが良いと思います。

famiria
質問者

お礼

回答ありがとうございます。 とても参考になりました。

その他の回答 (4)

  • wikikuso
  • ベストアンサー率28% (6/21)
回答No.5

こういうイメージですか? http://www.yensdesign.com/tutorials/anchornavigation/ 以下のサイトに記載されていますが、JavaScriptでAjax通信の知識が必要になります。 http://blog.creamu.com/mt/2009/12/ajax_1.html

famiria
質問者

お礼

回答ありがとうございます。

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.3

質問の意味がまったく理解できません。 「ボタン」 とは、スタイル指定なしで<input type="submit" >などで表示されるものですか? 「一部の画像」 とは、ロゴとかですか? それともコンテンツとしての画像ですか? 「それを引き継いだまま」   とは、それが変化しないということですか? 「ページが変わることなく」   とは、ページの位置を示すURLが変わらないと言うことですか、それとも内容ですか? 「背景などが変わる」  背景などとは、背景以外に何が変わらないのですか?先の「一部の画像を引き継いだまま」と矛盾するのですが?  ご自身は、作業も表示もすへてわかっているが、第三者にはチンプンカンプンです。誰でもわかるように説明してください。

famiria
質問者

補足

一つ一つ挙げて頂きありがとうございます。 「ボタン」 サイトにあるナビゲーションようの画像のことです。 「一部の画像」 タイトル画像やナビゲーションボタンの画像のことです。 「それを引き継いだまま」 上記の画像を引き継ぐということです。 「ページが変わることなく」 普通だとナビゲーションボタンをクリックするとウィンドウが変わりますが、URLが変わらないということです。 「背景などが変わる」 背景以外とは上記のナビゲーションボタンやタイトル画像です。 その画像以外の画像が入れ替わるという感じです。 自分なりには詳しく書いたつもりですが、解らない場合はすいません。

  • wikikuso
  • ベストアンサー率28% (6/21)
回答No.2

Javascriptで背景画像を変更することができます。 <html> <script type="text/javascript"> function ChangeBGimg(strPath){ document.body.style.backgroundImage ="url(" + strPath + ")"; } </script> <body> <input type="button" value="ChangeBGimg" onClick="ChangeBGimg('img/hoge.jpg')"> </body> </html>

参考URL:
http://javascript.eweb-design.com/1302_bic.html
famiria
質問者

お礼

回答ありがとうございます。

  • bigfatrat
  • ベストアンサー率27% (53/192)
回答No.1

http://www26.atwiki.jp/minecraft/pages/102.html ↑ こんな感じですか?

famiria
質問者

お礼

回答ありがとうございます。

famiria
質問者

補足

このサイト(http://www.flandre.ne.jp/30th/)はFLASHですが、このようなリンクボタンをクリックするとメインだけ変わるようにしたいと思っています。 Javascriptやphpなどで似たようなものはできませんか?