ホームページでの画像切り替えについて

質問

ホームページ初心者です。
メニューとなる画像を3つ(A～C)と画像Xが表示されている画面を開き、
メニュー画像がクリックされると画像Xが表示されている位置にメニュー画像に紐付いた画像を表示したい(Aがクリックされたら画像A、Bがクリックされたら画像Bといった感じ)です。
画像を切り替えるに瞬時に切り替わるのではなく、画像A・画像Bがゆっくり表示されるようなモノをつくりたいのですが、どのように実装したらいいのかわかりません。

どおなたか、ご教授 お願いいたします。

回答No.2

tracer

ホームページの1ページは基本的に、内容構造を示すHTMLと、レイアウトを示すCSSと、動的にHTML/CSSを変更するJavaScriptの、3種類のファイルによって構成されています。それぞれに文法があり、難易度としては、HTML→CSS→JavaScriptの順で難易度が高いと思います。
さて、本題の効果ですが、一般的にはJavaScriptを用いて例のような効果を実装します。
また、新しいブラウザだけを対象にするならCSSだけでも実装することができます。

いずれにしても初心者さんが1からつくるには難易度が高いものだと思います。
どうしても実装したいのであれば、「jquery ギャラリー　サンプル」などのキーワード検索で、はじめから完成しているプログラムをどこかで入手してそのまま使うのが現実的です。その場合は、デザインなどはご自身の都合に合わないものがほとんどだと思いますが、その辺りは諦めるしかありません。

ご自身で実装されるのであれば、「ホームページ作成ソフトの使い方」の領域はクリアして、HTML/CSS/JavaScriptについての基礎を学ばれることをおすすめします。

お礼

なかなか奥が深く、四苦八苦しております。
もっと勉強したいと思います。

どうもありがとうございました。

回答No.1

aspnet

かの有名な
jQuery.Gallerifficを使えばいいと思うよ

日本語訳
http://jsajax.com/Articles/galleriffic/1405
本家
http://www.twospy.com/galleriffic/

お礼

ソースを見て、勉強します。
ありがとうございました。