• 締切済み

スライドショーの画像切替タイミングを変更したい

画像ごとに切替えるタイミング（表示時間）を変更できるスライドショーはないでしょうか。。 いつもbxSliderやNivo Sliderを使用していますが、オプションで表示時間を指定すると すべての画像に反映されてしまします。 例えば、1枚目は10秒、2枚目は5秒、3枚目は3秒という感じです。 JavaScript初心者で、出来れば難しいカスタマイズ無しで実現したいのですが。。 よろしくお願いいたします。

みんなの回答

  • fujillin
  • ベストアンサー率61% (1594/2576)
回答No.1

こんにちは。 ＞いつもbxSliderやNivo Sliderを使用していますが～ 使ったことがないので、まったく知りませんけれど… それぞれに、onAfterSlideとかafterChangeなどのイベント処理設定が可能なように作られているみたいに見受けられます。 　http://docs.dev7studios.com/jquery-plugins/nivo-slider 　http://bxslider.com/v3 この機能を利用して時間を再設定するということはできないのでしょうか？

piyodama
質問者

お礼

お返事が遅くなり申し訳ありません。 ありがとうございます！ 教えていただいた箇所を参考に時間があるときに試してみようと思います。 実装できましたら、またこちらで公開させていただきます。

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

関連するQ&A

  • スライドショーの表示タイミングを画像ごとに変えられるか？

    スライドショーの表示タイミングを画像ごとに変えられるか？ 複数の画像をスライドショーで表示するとき、画像と画像の時間（つまり1枚当たりの表示時間）は 任意に設定できると思うのですが、それらの時間に長短の差をつけて表示させる事は できるのでしょうか？ 例えばA、B、C、Dの4枚の画像をスライドショーさせるとする時、 「AとBは5秒Cは20秒でDは7秒」という具合です。 もし可能だとすればどのようなソフトを使うのでしょうか？ フリーソフだとありがたいのですが有料でもいいのをご存知ならばお教え下さい。 尚、HTMLのタグのように難しい設定が必要になるのは自信がありません。 こちらで画像と表示時間を指定して後はソフト任せというのが理想なのですが・・・。 画像処理に詳しい方、ご存知でしたらよろしくお願いします。

  • jQuery スライド表示について（カルーセル）

    「画像＋テキスト」をスライドして表示しようとしています。 スライドする要素が1つのときでも表示できるようにしたい（このときはスライド動作は不要）のですが、配布されているものいろいろ試すと、要素が1つの時には画像自体が表示されないものばかりでした。 下記のスライダーような見え方をするものを探しているのですが、 javascriptがわからず、一つのときでも表示できるようにカスタマイズをすることができません。 何かよい方法はないでしょうか。 http://www.bxslider.com/multiple-slides1.php http://www.gmarwaha.com/jquery/jcarousellite/index.php 本来なら要素ひとつのときにスライドさせる仕組みを使う必要はないのですが、 スライド部分にいくつ要素が入ってくるかわからない、また変動するため、 どのような場合でも対応できるようにしたいのです。 どうぞよろしくお願いします。

  • スライドショーの上にロゴマークを重ねるには

    こんにちは、友人にホームページ作成を頼まれまして、挑戦している者です。 ｊQueryのbxsliderを使用して、サンプルのようなスライドショーを作成したのですが、 できればこの上に、ロゴマークを重ねたいと思っています。 イメージでは、 スライドショーは自動再生で次々と画像が変わるのですが、 ロゴマークは同じ位置でずっと表示されたままというふうにしたいのですが、 どのような方法がありますでしょうか？ また、できればそのロゴにリンクを貼りたいと思っています。 素人に毛の生えたような知識しかなく、あまり難しいことはできませんが＾＾； どなたか、ぜひアドバイスをお願いいたします。 サンプル　http://www.webantena.net/demo/javascript/bxslider/index3.php

    • 締切済み
    • CSS
  • JavaScriptでスライドショー

    Webページを作成しているのですが、JavaScriptで指定フォルダ内の画像をスライドショー形式で表示するコンテンツを盛り込みたいと思っております。 現在サンプルを探しているのですが、数はあれどもなかなかこれといったものが見つけられません。 そこで下記の要望に適したサンプルがあれば教えて頂きたいです。 ・画像のスライドショー機能（自動開始が望ましいです） ・指定フォルダ内の不特定多数の画像を読み込める（そこに画像を追加したら自動で反映される） ・画像のミニビュー？が横に表示される 以上です。重要なのは1個目と2個目です。 エフェクトなどはまったくこだわるつもりが無いので、シンプルなものでも大丈夫です。 近いものでもかまいませんので教えて頂きたく。 宜しくお願い致します。

  • bxsliderでスライドショーの間違い教えて

    ホームページ制作素人の質問で申し訳ありません。 「bxslider」を用いてスライドショーを作成しようとしていますが、jQueryのホームページから必要ファイルをダウンロードし、ガイドに従いサンプルをコピペして一番基本的な(と思われる)ものを作成してみましたが、張付けた画像が4枚縦に並んで表示されるだけで、「スライドショー」的なものになりません。 プログラムの理解が基本的に不十分な素人の厚かましい質問で恐縮ですが、下記の記述のどこが間違っているか、どう修正すれば良いか、などどなたかご教示下さればありがたく思います。 <head> <!-- jQuery library (served from Google) --> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <!-- bxSlider Javascript file --> <script src="jquery.bxslider.min.js"></script> <!-- bxSlider CSS file --> <link href="jquery.bxslider.css" rel="stylesheet" /> </head> <script type="text/javascript"> $(document).ready(function(){ $('.bxslider').bxSlider({auto: true,autoControls: true}); </script> <ul class="bxslider"> <li><img src="http://www.geocities.jp/画像ファイル1.jpg" /></li> <li><img src="http://www.geocities.jp/画像ファイル2.jpg" /></li> <li><img src="http://www.geocities.jp/画像ファイル3.jpg" /></li> <li><img src="http://www.geocities.jp/画像ファイル4.jpg" /></li> </ul> </html>

  • 画像切り替え

    javascript初心者です。 あるサイト→http://himajin.moo.jp/freejava/imgchange/imgview.htmlをカスタマイズしようと思っているんですが、スライドショーという形の、ループとか時間がきたら画像が変わるってのじゃなくて、サムネイル表示を活かしたまま、右ボタンでnext、左ボタンでbackみたいなサクサク動くようにしたいんですが、どういじっていいのか分かりません。 わかる方教えて下さい！よろしくお願いします。

  • スライドショーの画像とBGMの合わせ方・・

    東芝ダイナブック　AX５７A　を使用しています。 OSはVistaです。 PCに搭載されている「Windows ムービーメーカー」でスライドショーを作成しようとしています。 4分１７秒のBGMを使おうとしているのですが、画像が５０枚ほどあってうまくそれにあわせることができなくて困っています。 「Ulead DVD MoveieWriter」ではBGMの長さに スライドショーの長さをあわせることができるのですが、 ムービーメーカーのほうが「切り替え効果」の種類が 多いのでそっちを使ってやってみたいのです。 ムービーメーカーのツール→オプションの「詳細」のところで 「画像の再生時間」と「切り替え効果の再生時間」を変更しても 変わらなくて困っています。 ムービーメーカではBGMにあわせて画像の枚数を合わせなければ いけないのでしょうか？ どなたか教えていただけないでしょうか・・・ よろしくお願いいたします。<m(__)m>

  • PowerPointのスライドからはみ出た画像も含めてスライドショーで表示する方法を教えて下さい

    PowerPointでスライドを作成した際、スライドからはみ出て画像を配置しても、スライドショーにするとはみ出た部分は表示されずに消えてしまいます。 はみでた部分も含めてスライドショーに表示することは不可能なのでしょうか？どこかオプションを変更したりすると表示できるようになるのでしょうか？ スライドの右下にスライドからはみ出して画像を配置し、スライドショーにすると、 スライドが画面の左上に少し縮小された大きさで配置され、画像が画面の右下といった配置になるのが理想です。 PowerPointはあまり使い慣れないため見当違いな事を申し上げていたら申し訳ありません。 PowerPointは2007を使用しております。 説明が分かりにくいかと思いますが宜しくお願いします。

  • HPにスライドショーが反映されません。

    Macユーザーです。OSは10.9.5です。FC2でページを作っています。 HPにスライドショーを設置したいと思い、HTMLタグを用いてページの編集をしました。 ですが、写真が反映されなかったりページのデザインが崩れたりしてしまいます。 こちら(http://matome.bgah.jp/2014/01/javascript-bxslider/)にあるスライドショーの最終形が理想だったので、HTMLタグは本当にそのまま貼り付けて、写真はFC2のディレクトリ内にあるので既存のアドレスと置き変えました。結果、写真は反映されましたが大きさが変えられず、画面いっぱいいっぱいに表示されてしまいました。 またどこもソフトのダウンロードが必須なようで、添付先のURLに書いてある必要なものはダウンロードしました。ただ、ファイルを同じ場所に作る、imgファイルを作ってそこに使いたい写真を入れる、というのも何だか疑問です。HPのタグではPCに入っているものに干渉できませんよね？ここの説明がよくわかっていないから出来ないのでしょうか？ URL先のような綺麗なスライドショーを作るにはどうしたら良いのでしょうか… 他のサイトに掲載してあるタグを試しにやってみても上手く反映されませんでした。 タグを使わなくても簡単に出来る方法があればそれも教えて頂きたいです。 どうか詳しい方、お力を貸してください…

    • ベストアンサー
    • Mac
  • JQueryを使ったオートスライドショーについて

    Webサイトを作っているのですが、トップページにフェード効果のあるスライドショーを自動切り替えしたいと思っております。 とりあえず今日JQueryをダウンロードしたのですが、JQueryだけではスライドショーの機能を付けるのは難しいのでしょうか？ それともスライダー用のJQueryプラグインを使う必要があるのでしょうか？ JQueryだけでスライドショーを実現したほうが良いのか、プラグインを使ってスライドショーを実現した方が良いのか、どちらが良いのでしょうか？ 双方のメリットやデメリットがあれば教えて下さい。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する