JavaScriptで滑らかに絵を変更する方法を探す

2010/04/02 05:20

このQ&Aのポイント

HPにJavaScriptを導入して、絵をFLASHではなくJSで複数入れ替えたいと思っています。
参考にしたサイトはいくつかありますが、まだ解決策にたどり着けていません。
滑らかに絵を変更するためのスクリプトがあれば教えていただけると助かります。

buzinesswa
お礼率42% (50/117)

JavaScript
回答数4
ありがとう数5

みんなの回答 （4）
専門家の回答

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

ベストアンサー

fujillin
ベストアンサー率61% (1594/2576)

2010/04/02 11:22 回答No.4

なんかよくわからないけど… ご参考まで。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head><title>test</title> <style type="text/css"> #screen, #screen img { width:600px; height:400px; } #screen { position:relative; } #screen img { position:absolute; } #images { display:none; } </style> <script type="text/javascript"></script> </head> <body> <div id="screen"><img src="Default.jpg" alt="defalut"></div> <div id="images"> <img src="A.jpg" alt="A"> <img src="B.jpg" alt="B"> <img src="C.jpg" alt="C"> <img src="D.jpg" alt="D"> <img src="E.jpg" alt="E"> </div> </body> </html>

質問者

お礼 2010/04/03 05:05

ソースまで態々有難う御座います。まだ私自身も実験していませんが心から嬉しかったです。本当に有難う御座いました。

ログインすると、全ての回答が全文表示されます。

その他の回答 (3)

babu_baboo
ベストアンサー率51% (268/525)

2010/04/02 09:54 回答No.3

http://oshiete.goo.ne.jp/search_goo/result/?PT=&from=&nsMT=&mt_opt=a&qatype=qa&st=all&sr=norm&tf=all&tfy=&tfm=&tfd=&tty=&ttm=&ttd=&good=0&dc=10&MT=%B2%E8%C1%FC%A4%CE%A5%D5%A5%A7%A1%BC%A5%C9%A5%A4%A5%F3%A1%A6%A5%D5%A5%A7%A1%BC%A5%C9%A5%A2%A5%A6%A5%C8+javascript&c= 「なんじゃこれ？ひんしつ」から、「それなりのひんしつ？」まで。まずはさがそう！

ログインすると、全ての回答が全文表示されます。

pasocom
ベストアンサー率41% (3584/8637)

2010/04/02 06:40 回答No.2

おはよう。下記「JAVATEAはいかが？」から「JAVATEA13:画像の切替を自動的に行います。」を参照下さい。 http://www.geocities.jp/digitwland/javatea/javatea.html なお、「滑らかに絵を変更したい」とは画像がフェードアウトして別の画像に変わる、という意味でしょうか。それですとフェードアウトする過程の「薄くなった」画像も何枚か用意して、挟み込むことになるでしょう。

質問者

お礼 2010/04/03 05:07

ありがとうございます。『フェードアウト』を言う動作だったのですね・・・誘導サイト様は似ていますのでもう少し検索をしてみようと思います。

ログインすると、全ての回答が全文表示されます。

aurumnet
ベストアンサー率43% (51/117)

2010/04/02 05:59 回答No.1

フェードイン・フェードアウトを同時におこなってみては？参考URL http://javascript.eweb-design.com/0814_fio.html 動作確認はしておりませんが・・・

質問者