• ベストアンサー

初心者です。画像の奇麗に切り替わるサイトが作りたいです。

初心者です。画像の奇麗に切り替わるサイトが作りたいです。 dreamweaverで自力でサイトを作っています。 オンマウスでpng画像が切り替わらるのはできたのですが、 メイン画像などが自動に切り替わるようにするにはどうしたらよいかわかりません。 メイン画像は、今のところ、背景画像の上に重なっており、角丸で、PNG形式です、 フラッシュも、javaもまるで初心者の私にはまだ無理でしょうか? また、長方形で美しくフェードアウトしながら切り替わるJPEGは、 どのようにしたらよいでしょうか? 参考サイト、書籍などあれば教えていただきたいです。

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

  • ベストアンサー
  • yyr446
  • ベストアンサー率65% (870/1330)
回答No.1

「参考サイト、書籍などあれば教えていただきたいです。」 自分でそおいうjavascriptを作るための参考サイトじゃなく、すぐに 実現したいためのjavascriptライブラリーのサイトですが、いっぱいあります。 どれを使うかは、 好みと、ドキュメントの読みやすさ、軽快さ、カストマイズしやすいか、 初心者がすぐに使えるか.....で選択、ご自由にどうぞ? Shadowbox.js Media Viewer http://www.shadowbox-js.com/index.html Highslide JS http://highslide.com/#examples LigthBox2 http://www.huddletogether.com/projects/lightbox2/ jCarousel Lite http://gmarwaha.com/jquery/jcarousellite/index.php#demo GalleryView: http://spaceforaname.com/gallery-customized.html Nivo Slider http://nivo.dev7studios.com/

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • オンマウスで画像が差し変わるタグ教えてください!

    Web制作初心者です。 Dreamweaverを使用しています。 オンマウス又はクリックで、下記のようなイメージで画像が差し変わるように 設定したいと思っています。 画像1 画像2   メイン画像(画像1表示デフォルト) 画像3 ↓画像2をクリックまたはオンマウスで 画像1 画像2   メイン画像(画像2が表示) 画像3 イメージとしては、下記サイトの各作品ページ内のような設定です。 http://book.nihonvogue.co.jp/magazine/keitodama_web/148/works.html わかりますでしょうか? ジャバスクリプトとかスタイルシートとか、使えないため、 Dreamweaverでタグ埋め込みなどで設定したいと思っています。 でもそれができるのかどうかも不明です。 マウスオーバーの方法はわかるのですが、これとは少し違うの思い やり方が全くわからず、質問させていただきました。 どうぞよろしくお願いいたします。

    • ベストアンサー
    • HTML
  • 初心者なのにJAVAスクリプトを使うから!

    HP作成初心者で、特にJAVAスクリプトに関しては赤子にも及びませんが助言して頂けたら幸いです。 まずいくつかの画像を、全部暗い感じにしてオンマウスでスポットライトがあたったように明るくなるような(フェードインする感じです)JAVAスクリプトを使いました。 そして同じ画像ににオンマウスで任意のテキストを表示させるJAVAスクリプトを使いたいのですが、やり方がよくわかりません… 個々には出来るのですが…(当たり前ですが;) そもそもHEAD間に2つJAVAスクリプトを書いていいかもよくわかっていませんし、 BODY間のその2種類のJAVAスクリプトを呼び出したい場所での書き方もよくわかりません。 自分なりに色々と調べてはみたのですが、答えが見つかりませんでした… 本当に初心者丸出しで、質問の意味もわかりにくいかとは思いますが、わかる方がいらっしゃいましたら是非教えて下さいませ<(_ _)>

  • DreamweaverとFlashのの初心者です。

    DreamweaverとFlashのの初心者です。 下記のwebを構成しているソフトについて質問させていただきます!! http://n-a-m.org/ にあるように、ウェブサイトでよく見るページが切り替わる時の画像のフェードインやフェードアウトの動きはFlashで作成されているんでしょうか?また、このような表現はjavasprictでも可能ですか? それぞれのweb作成ソフトの役割もや連携もよくわかっていないレベルですが、、、、。 dreamweaverへのFlashの挿入や、連携によって可能な表現のも知りたいと思っています。 詳しいサイトや参考書を、ご存知の方いましたら、手助け宜しくお願いします(^^)

  • Flashで画像をフェードイン

    FlashMX2004でJPEGなどの画像をフェードインさせることは出来るのでしょうか? 出来るとしたら、方法を教えてください。 画像の知識はありますが、Flashは初心者です。

  • オンマウスで画像表示+表示した画像にリンク

    オンマウスで画像表示+表示した画像にリンク はじめまして。 今サイトを作っています。 ↓このサイトの中央部分に大きな画像とその上に タブが並んでいるのがお分かりになりますでしょうか?(参考サイト) http://www.rakuten.ne.jp/gold/han-world/ タブにふれると大きな画像が変わり、なおかつ大きな画像にもリンクが貼られるというものです。 こういうものとジャバスクリプトで同じ風にしたいです。 (参考サイトはフラッシュで作成されています) タブに触れると大きな画像が変わり、タブにリンクを貼ることはできたのですが 大きな画像にリンクさせるほうほうがよくわかりませんでした。 どこかのタグ素材サイトさんのソースをいじってなんとか触れるようなジャバの超初心者です。 どうぞお力をお貸しください 宜しくお願いいたします!

  • GIF、JPEG、PNGの背景、画像サイト

    GIF、JPEG、PNGの背景や画像を配布しているサイトさんを探しています。楽天でHPを作っているのですが、GIF、JPEG、PNGの画像しか取り入れられないんです。どなたか教えていただけないでしょうか。よろしくお願いします。

  • flash画像の再生・ボタンによる切り替え

    初めて質問させていただきます。 flash初心者です。 CS5、ActionScript3.0で作成しております。 http://www.united-arrows.jp/ こちらのサイトのトップページにあるようなものを、flashで作成しようと考えております。 5枚の画像を順番に再生し、フェードインしながら切り替わり、また、5枚の画像に対応する5つのボタンのマウスオーバーに反応するようなものです。 上記サイトのように、表示していた画像を残しながらフェードインで切り替えとなると、重ね順の変更などが必要になってくるかと思われますが、初心者なものでActionScriptに関しての知識もほとんどなく、ネットや書籍で調べてはみたのですが全くわからず大変困っております。 どうか宜しくお願い致します。

    • ベストアンサー
    • Flash
  • Flashに使う写真画像の形式についてです。

    1つのFlashの中に4枚の写真を並べようとphotoshopで写真を加工してます。 その4枚の写真は水平ではなく、少し傾けて4枚がそれぞれ重なったりするので 背景(画像の余白)を透明にしたいのです。 検索していたらJPEGではなく、GIFかPNGで透明になると書いてあったので PNG-8で保存しFlashで読み込んでみました。 ●JPEG画像と比べると全体がぼやけた感じになりました。 ●またJPEG画像をFlashに読み込んでから、斜めにすると画像の四隅がギザギザになるので、先に斜めで加工したものをFlashで読み込んだ方がいいと 本に書いてありましたが、PNG-8で保存し読み込んだものと変わりはありませんでした。 *************************************************************** 4枚の写真を一まとめにした方がいいのでしょうか?? 1枚ずつ表示させるので、できればバラバラの画像の方が制作しやすいのですが、私ならこうするとか意見頂きたいです。

  • java で画像保存

    ちょっと、お聞きしたいのですが、 僕はjavaの初心者なんですが、どの入門書を見ても、画像の保存の仕方が載っていません。 (FileChooserクラスとかは、ありますが・・・) jpeg,png,xpm,gifなど、様々な画像形式があるのですが、それらの形式で、 保存するには、どうすればいいのでしょうか? 難しいアルゴリズムを自分で、書かなくてはならないのでしょうか? 画像形式を一括して、サポートしているパッケージまたは、クラスがあるのでしょうか? どうか教えてください。宜しくお願いします。

  • モバイルサイトでリンク画像をロールオーバー処理したいのですが・・・

    モバイルサイトでリンク画像をロールオーバー処理したいのですが・・・ 慣れないモバイルサイトを仕事で制作しています。 リンク画像をオールオーバー処理したいのですが、 javaによるonMouseOverの方法しか知りません。 モバイルでjavaが利用できないことは知っているのですが、 ロールオーバーのようなリンクを作っているサイトはいくつも見たことあります。 javaが使用できないのなら、Flashでのアクションスクリプトかとも思ったのですが、 単純にボタンシンボルを作成してswfの拡張子で書き出して <object data="ファイル名.swf" type="application/x-shockwave-flash"> <param name="src" value="ファイル名.swf"> <param name="loop" value="true"></object> 的なタグ埋め込んだ場合ではダメでした。 (サーバーにアップする前にブラウザでチェックした場合は画像を読み込めず、 サーバーにアップした場合は何らかのプログラムにひっかかったのか、ページを開くことさえできませんでした。) モバイルでロールオーバーする方法をお教えいただけないでしょうか? ・別にFlashを使いたいわけではありません。単にオンマウスで画像を変更したいのです。簡単な方法があればそれが最適です。 ・画像をオンマウスで変更する必要があるので、cssで背景色を変える方法は無しです。 何卒よろしくお願いいたします。