重要なお知らせ

「教えて! goo」は2025年9月17日(水)をもちまして、サービスを終了いたします。詳細はこちら>

【GOLF me!】初月無料お試し

写真画像を表示したい場所に、写真画像が自動的に切り替わるようにしたいのです。しかも、その切り替わる際にはブラックアウト?一旦暗くなるようにして画像が切り替わるようにしたいです。又は、暗くならなくても残像が残るようにでもかまいません。切り替わった後には文字が表示されるように出来れば更によいのですが、画像が一定時間で自動で切り替わるようにしたいのが一番の目的です。javascriptによる切り替えだと思いますが、解る方がいましたら教えてください。

具体的には下記のアドレスのホームページでの車の写真が切り替わる表示をご覧ください。

 http://good.vg/

さらには、例えば、切り替え用の画像を「sozai」と言うホルダに写真画像(横730ピクセル×縦300ピクセルサイズの画像)「01.jpg」「02.jpg」って感じで数枚用意し、その画像を使用した場合のスクリプトを教えていただければ幸いです。

お手数をお掛け致しますがよろしくお願い致します。

A 回答 (2件)

http://good.vg/のスライドショーは#1さんも取り上げてますが、
jQueryプラグイン(jquery.js、s3Slider.js)が使われてます。
s3Slider.jsを使ったスライドショーの設置例説明サイトもたくさんあります。
例えば
http://motoshige.net/archives/842
とか。
上の設置例にはjquery-1.6.2.min.jsとs3Slider.jsが使われてます。
(jquery-1.6.2.min.jsとs3Slider.jsは上記URLからダウンロード出来ます)
黒でフェードイン・フェードアウトさせるには背景色を黒にします。
画像ディレクトリ(「sozai」)は便宜指定すれば良いです。
    • good
    • 0
この回答へのお礼

torayoshiさん:

お忙しい中、とても詳しいご説明有難うございました。
かなり解り易かったです。

有難うございました。

お礼日時:2012/09/16 12:02

JQueryを探しましょう。


★画像を使ったいろいろなjQueryプラグイン224個まとめ( 200+ collection of jQuery for images ) - かちびと.net ( http://kachibito.net/web-design/224-image-jquery … )
のベーシックにある
41. A Simple jQuery Slideshow / フェードのみのシンプルなスライド
とか・・
    • good
    • 0
この回答へのお礼

ORUKA1951さん:

お忙しい中、ご回答有難うございました。
とても参考になり勉強になりました。

お礼日時:2012/09/16 12:00

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!