• ベストアンサー

ページを開くと自動でスライドが始まる設定

古いですが、GoLive CSを使ってホームページを制作しています。 ページが開くとクリックなどの操作無しに、 自動でスライドショーが始まる設定を教えて下さい。 スライドの画像（JPEGファイル）は一つのフォルダにまとめ、 通し番号を付けています。 クリックすればスライドショーが始まる設定までは分かるのですが、 ページを読み込むと自動でスライドが始まる方法が分かりません。 後、スライドがフェードイン、フェードアウトしながら次の画像に移る方法も 併せて教えて頂ければ幸いです。 いろいろと質問が多いですが、何卒宜しくお願い致します。

  • CSS
  • 回答数2
  • ありがとう数2

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

  • ベストアンサー
  • yui56544
  • ベストアンサー率69% (85/123)
回答No.1

Javascriptでスライドショーを実現するのが一般的です 下記のサイトにスライドショーのサンプルスクリプトが集まっているので、参考にしてみるとよいかと思います。 http://www.geocities.jp/miyake_kobo/js/index.html また、過去の下記質問の回答も参考になるはずです。 下記の回答にはFlashで手軽に作る方法なども載せてあります http://okwave.jp/qa/q6994035.html

izou14dai
質問者

お礼

詳しく教えて頂き有り難うございます。 ただ教えて頂いたサンプルスクリプト集の中から「貼り付けるスライドショー」の 「常時作動、または自動開始タイプ」の中の「透かしスライドショー」の幾つかを試してみましたが、 私の貼付け方がまずいようで、全く上手く行きませんでした。 指定のソースコードをコピーして、head、及びbody内に貼付けて見ましたが、駄目でした。 もし、貼付ける際、気をつけることなどございましたら、教えて頂ければ有り難いです。 お礼とはほど遠いお返事になりましたが、宜しくお願い致します。

その他の回答 (1)

  • yui56544
  • ベストアンサー率69% (85/123)
回答No.2

#1補足です 正常に貼り付けられれば表示されると思います。 どのようにうまくいかないのかがわからないとどこを直せばいいのか指定できませんので、設置方法を概説します。 以下のように貼り付けられていますか？ 【ソースコードの貼り付け見本】 <html> <head> <meta http-equiv="Content-Script-Type" content="text/javascript"> <tltle>サイト名</title> HEADの間にに太字の【script type～～】を貼り付ける </head> <body> BODYの間にボタンを押して表示されるソースを全て貼り付ける </body> </html> 【画像】 スライドショ－する画像はサンプルスクリプトの下の方にある「写真ファイルの制作」の通りにファイル名を書き換えて設置 スライドショーのあるHTMLと同じフォルダ内に画像を置く これでできるはずですが、これでスライドショーが始まらない場合は、ブラウザでjaavascriptをオフにしているせいかと思いますので、ブラウザの設定をしてください。

izou14dai
質問者

お礼

本当にお世話になりました。 ただ、やはり私のパソコン環境のせいか、 私自身のセンスの無さか、 親切に教えて頂いたにもかかわらず、 上手く行きませんでした。 質問方法を変えて、 新たに質問し直したいと思います。 有り難うございました。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. CSS

関連するQ&A

  • ホームページにスライドショーを載せたいのですが？　マックで

    ホームページ上にデジカメで撮った写真のスライドショーを載せたいのですが（フェードイン、フェードアウトするやつ）やり方が解りません。素人ですので分かりやすく解説してあるサイトなどありませんでしょうか？　パソコンはマックでｏｓ１０．４です、ホームページはアドビＣＳ のGOliveで作ってます。よろしくお願いします。

  • flash　jpgを読み込んでスライドショーを実行したい

    フラッシュで制作したアニメーションの一部にスライドショーを埋め込みたいと思っています。直接フラッシュでスライドショーのアニメーションを作るのではなく、別フォルダに格納されたjpgなどの画像を読み込んで、フェードイン、フェードアウトを繰り返しながら画像が切り替わっていくようにしたいのですが、どなたか方法が分かるようでしたら教えて下さい。よろしくお願いします。

  • CSSのみでスライドショーを作りたい

    CSSのみで自動で横にスライドするスライドショーを作りたいのですが、 参考になるサイトはありますでしょうか？ フェードイン、フェードアウトさせるスライドショーの作り方は沢山でるのですが、 自動で横にスライドするスライドショーの作り方が載っているサイトが見当たりません。

    • ベストアンサー
    • CSS
  • Javascriptを使用したスライドバナーについて教えてください

    現在ECサイトを構築しておりまして、TOPページの一定の場所の中で画像が自動でスライド、もしくはフェードイン・アウトで切り替わるバナーを設置したいと思っています。 似たようなイメージのものを設置しているサイトさんのソースを覗いたりしているのですがJavascriptについて詳しくはないので導入や設定の方法が見出せず困っております。 各画像にはそれぞれ別のリンク先を設定したいのですが何か参考になるサイトや方法などございませんでしょうか？ 自動や手動で画像が切り替わるスライドショーなどは多数見つけたのですが、リンクの設定などに触れているものが見つからなかったのでこちらに投稿させていただきました。 あくまでもFLASHではなくJavascriptで行いたいので宜しくお願いいたします。

  • スライドショーを自作したい

    複数の画像がフェードインして切り替わるスライドショーを作成したいです。 色々なライブラリを拝見したのですが、”再生ボタン”が設置されているものがなく、どれも自動再生のものばかりでした。 CS5を持っているので、そのようなフラッシュを自作したいのですが、flaファイルや作り方が載っているサイトはありませんでしょうか？ そのほかJAVAスクリプトでの作成も考えています。 どうぞよろしくお願いいたします。

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

    ページを開くと自動でフェードインアウトしながら画像が切り替わる スライドを作る方法を教えて下さい。 何とか自動でスライドが切り替わるところまでは出来たのですが、 どうしても各画像のフェードインアウトが出来ません。 現在のソースは次の通りですが、 どこをどう書き直せば、自動でフェードインアウトしながら 画像が切り替わるスライドになるでしょうか、教えて下さい。 ちなみにホームページは「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>

    • ベストアンサー
    • CSS
  • クリックでスライドショー

    http://lab.komadoya.com/javascript/crossFader/#cf2 上記サイトのようなフェードイン・フェードアウトのスライドショーに 以下のような動作を追加したいと思っています。 画像をクリックしたら再生し、最後の画像でストップ。 もう一度クリックで１枚目の画像に戻る。 色々調べたのですが、マウスオーバーや自動再生のものが多く 思ったものが見つかりませんでした。 画像(1)、画像(2)、画像(3)とあり、 画像(1)クリックで、(1)→　(2)→　(3)でストップ。 もう一度クリックで(1)に戻る。 といったイメージです。 お分かりの方がおられましたらご教授頂けたら幸いです。 どうぞ宜しくお願いします。

  • スライドショーを自動ループにしたい

    サムネイルつきのスライドショーを作りたいと思っています。 本当はページを開けたら自動的にスライドショーがはじまるのが理想なのですが、ボタンを押してスライドショー開始でもよく、サムネイルの画像をクリックすると、またそこからはじまるようにしたいです。 参考にしているHPが http://himajin.moo.jp/freejava/imgchange/imgview3.html なのですが、チェックボックスを入れたくありません。自動でエンドレスループしてほしいです。 どうやってはずしたらいいのでしょうか？ 色々試してみましたが、動かなくなってしまいます。 それとボタンを<input type="button">になってるのをjpg画像のボタンにしたかったのですが、これも変えるのがうまくいきません。 ボタンを変えることは可能でしょうか？ おしえてください。 よろしくお願いします。

  • スライドショーのソフトを探しています。

    このようなスライドショーのソフトを探しています。 １.ＤＶＤに制作出来てＤＶＤプレイヤーを使ってＴＶに再生できるとこ ２.ＢＧＭが録音できること ３.フェードイン・フェードアウト・文字入力等、少し凝った制作ができること ４.静止画は１００～１５０枚くらい 最低限このようなことができるソフトはないでしょうか？ よろしくお願いします。

  • サイトでオープニングでスライドショーを使いたい。

    こんにちは。 サイトのトップページで４，５枚の画像をスライドショーで表示させ、 スライドショーをフェードアウトで終了後に通常のトップ画面がフェードインして表示させることを、 FlashかjQueryで動作させるにはどうしたらいいのでしょうか？ トップページは遷移してページを表示させるのではなく同ページ内で実行させたいです。 参考にしたいwebサイトとしてこちらのhttp://www.boku-seka.com/ 映画公式サイト「僕たちは世界を変えることが出来ない。」のように 出来ればなと考えています。 どうか詳しくご存知の方教えていただけないでしょうか。 よろしくお願いします。

    • 締切済み
    • CSS

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する