こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

自動でフェードインアウトしながら切り替わるスライド

ページを開くと自動でフェードインアウトしながら画像が切り替わる
スライドを作る方法を教えて下さい。
何とか自動でスライドが切り替わるところまでは出来たのですが、
どうしても各画像のフェードインアウトが出来ません。

現在のソースは次の通りですが、
どこをどう書き直せば、自動でフェードインアウトしながら
画像が切り替わるスライドになるでしょうか、教えて下さい。
ちなみにホームページは「GoLive CS」を使っています。

宜しくお願い致します。

--

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>
<meta http-equiv="content-type" content="text/html;charset=shift_jis">
<meta name="generator" content="Adobe GoLive">
<title>top_slide</title>
<csactionitem name="CAA02A021"></csactionitem>
<csactions>
<csaction name="CAA02A021" class="SlideShowAuto" type="onload" val0="_01" val1="10" val2="3" val3="false"></csaction>
</csactions>
<csscriptdict import>
<script type="text/javascript" src="../GeneratedItems/CSScriptLib.js"></script>
</csscriptdict>
<csactiondict>
<script type="text/javascript"><!--
CSInit[CSInit.length] = new Array(CSSlideShowAuto,/*CMP*/ '_01',10,3,false);

// --></script>
</csactiondict>
</head>

<body onload="CSScriptInit();" bgcolor="#ffffff">
<p><img src="../Images/top_slide_images/01.jpg" alt="" name="_01" width="500" height="375" border="0"></p>
</body>

</html>

投稿日時 - 2011-09-25 01:33:23

QNo.7032646

すぐに回答ほしいです

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

回答がないみたいなので…

>自動でフェードインアウトしながら画像が切り替わる
>スライドを作る方法を教えて下さい
原理的にはパラパラアニメみたいにして、少しずつ違う画像を表示してゆくことで実現可能です。
大抵はjavascriptなどを利用しています。(フラッシュでも可能)
ご提示のソースでもスクリプトを利用している様なので、javascriptでよいものと仮定して…


フェードイン/アウトの場合は、画像はそのままで透明度を少しずつ操作してあげればよろしいかと。
基本的な考え方はこんな感じでしょうか。
http://javascript.eweb-design.com/0814_fio.html

上記はIE専用なので、クロスブラウザにするとこんな感じ。
http://okwave.jp/qa/q5632833.html

便利なライブラリがいろいろ出来ていますので、そのようなものを利用すればもっと簡単になります。
(jQuery利用の例)
http://okwave.jp/qa/q6003230.html

「フェードイン javascript」などをキーに検索すればたくさんのライブラリやサンプルが見つかるはずですので参考になるかと思います。

投稿日時 - 2011-09-27 19:50:43

お礼

何分初心者な為、分からないことが多く、
正直、まだ解決できていませんが、
自身のスキルアップの為に参考にさせて頂きます。
有り難うございました。

投稿日時 - 2011-10-10 11:51:58

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(1)

あなたにオススメの質問