• ベストアンサー

JQueryのスライドショーを停止させたい

サイトの背景画像のスライドショーを「VEGAS BACKGROUND JQUERY PLUGIN」を利用して行いたいのですが、スライドショーを1回で停止（ループさせない）ようにしたいのです。 どこをいじってもうまくいかなく困っています。 お教えいただけないでしょうか？ http://vegas.jaysalvat.com/ （SLIDE SHOWを利用しています。） よろしくおねがいします。

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

  • ベストアンサー
回答No.1

jquery.vegas.jsの209行目でstep=0;してるので、ここで先頭に戻ってるんじゃないでしょうか？ if ( step >= backgrounds.length || !backgrounds[ step - 1 ] ) { step = 0; //←ココ！！ } なので、ここにストップするコードを書いてやればいいかと思います

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

関連するQ&A

  • 背景色と連動するスライドショープラグイン

    お世話になります。 スライドの画像が変わるたびに背景色も変わるタイプのスライドショープラグインを探しています。 サンプルとして http://elegantthemes.com/preview/eStore/ こちらのサイトの様な感じにしたいと思っています。 中央部分がスライドショーになっており両サイドが背景となっているようです。 ソースを見てみるとslideというクラスがついた要素全体をスライドするようです。 画像だけでなく文字や背景も変わっています。 ようはインラインコンテンツそのものをスライドするタイプのものであれば良いのかなと思います。 lightboxのようなイメージギャラリーですとインラインコンテンツを表示するタイプのものがありますが、単純にフェードインアウトするスライドショーでインラインコンテンツをスライドさせるものは無いでしょうか？ もしくは簡単なjQueryで出来そうならご教授願いたいと思います。

  • jQueryでスライドショー作成(無限ループ)

    jQueryでスライドショーを作成したいです。 仕様としては、進むボタンと戻るボタンがあって、どちらかを押すと、画像が前または後ろにスライドして変わります。 ここまではできるんですが、以下のような無限にループさせることができません。 ・最後まで行ったときに、進むボタンを押すと、最初の画像が右から現れてスライドし、最初に戻る。 ・最初の画像のときに戻るボタンを押すと、最後の画像が左から現れてスライドし、現在地が最後の画像になる。 具体的には、下記サイトのような挙動にしたいです。 http://www.slidesjs.com/ このようなスライドショーの無限ループは、どのように考えれば実現できるのか、どなたかご教授いただけないでしょうか？

  • 背景画像のスライドショー

    Jqueryのプラグインで背景画像をフルスクリーンでスライドショーを行うものはよく見かけますが、 フルスクリーンにしないで、設置した背景画像の大きさのままスライドショーを出来るプラグインなどをご存知でしたらご教授いただきたいです。 もしくは、 下記プラグインの利用などを検討していたのですが、 このプラグインのどこの設定を変更すれば、フルスクリーンにはならなくなるのか、 ご教授いただけたら幸いです。 利用を検討していたプラグイン http://srobbin.com/jquery-plugins/backstretch/

  • jQueryでスライドショーを作っているのですが

    jQueryを使用し、下記URLの様な画像がスライドショーになるサイトを製作しているのですが、 （http://maxb.net/scripts/jbgallery-2.0/docs/nomenu.html） JavaScrip初心者の為、スライドショーを最後の画像でストップするやり方が分からず 困っております。 スライドショーにはjbgallery-2.0.jsといファイルを使用しております。 （ファイルを製作された方のサイトはこちら：http://maxb.net/scripts/jbgallery-2.0/） スライドショーが最後の一枚でストップする方法をおわかりの方がいらっしゃいましたら、 ぜひ教えていただきたいと思っております。 ご教授のほど、何卒よろしくお願いいたします。

  • jQuery Cycle Pluginについて

    jQuery Cycle Plugin（http://jquery.malsup.com/cycle/）を使用して、8枚の画像を次々と表示するスライドショーを実装しました。 1枚目から7枚目の間は「Skip」ボタンを表示してクリックしたら、最後の画像が表示されてスライドが停止するといったような動きは、jQuery Cycle Pluginで実現することは可能でしょうか。 知っている方がいらっしゃいましたら何かヒントを頂けませんでしょうか。 どうぞ宜しくお願いいたします。

  • JQueryを使ったオートスライドショーについて

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

  • jqueryスライドショーについて

    貴重な場をお借りして質問させていただきます。 jqueryでスライドショーを自作したいとおもっておりまして、 下記のようなスライドショーを実装したいとおもっております。 http://aviathemes.com/aviaslider/index.html この左上からパラパラ変わっていくアニメーションはどのような 原理で動いているか教えて頂けませんでしょうか。 調べてもよくわからず困っております。 大変申し訳ございませんがお詳しい方お力を貸して頂けませんでしょうか。 宜しくお願い致します。

  • jqueryでスライドショーができない。。

    jqueryでスライドショーを完成させたいのですが、 以下の記述ではページを読み込むと最初の１枚目の画像が現れて、 消えたところで止まってしまいます。 この動作を繰り返して次々と画像を変えていきたいのですが、 どう修正すれば動くでしょうか？ お分かりの方、ご教授ください＞＜； よろしくお願いします。

  • スライドショーをサイドバーに貼りたい。

    自分のブログの（アメブロ）サイドバーにこのサイトで作った、 スライド画像を載せたいのですが可能でしょうか？ ⇒　http://www.slide.com/arrangebc=16777215&fx=0&tt=16&sk=0&cy=lt&th=1&sc=16716202 もし、無理なようであれば、なにかスライドショーを乗せたいので 方法があれば教えていただきたいと思います。 あまり、パソコンには詳しくないですが、よろしくお願いします。

  • スライドショーについて（Slide.com)

    slide.comというところで、スライドショー（？）を作りたいと思い、 一応作ってみました。FliｃkrというところにＳＥＴとしてＵＰされている フォトを使いました。 ところが、それでスライドショーを作ると、写真につけられたナンバーまで表示されてしまいます。 いろいろなブログで、Slide.comを使っている人を見ますが、 きれいに画像のみが表示されています。 やはり他人のUPした画像だからでしょうか？ それにしても、それを使えるようになっているので、 きれいな画像をUPしてる人のものを使わせてもらったのですが・・・ 使用方法、ルールなども含めて、アドバイスいただければ幸いです。 よろしくお願いします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する