• ベストアンサー

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

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

  • aspy
  • お礼率55% (5/9)

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

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

下記の記述とは？？ 記述が消えているようです。

aspy
質問者

補足

申し訳ありません； 指摘いただいて今はじめて記述のし忘れに気づきました。 質問内容に関しては、素晴らしいサイトを見つけることができ、 それを参考に試行錯誤した結果、やっと解決できました。 ありがとうございました！

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

関連するQ&A

  • 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を使ったオートスライドショーについて

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

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

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

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

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

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

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

  • jQueryスライドショー画像へのリンク設置

    お世話になります。どうぞよろしくお願い致します。 こちらのページを見て、この通りコピペと編集をし jQueryを使って、スライドショーを作成しました。 http://black-flag.net/jquery/20110525-3120.html ここに6枚画像を設置し、スライド自体はうまく動かすことができました。 この6枚の画像にそれぞれリンクを張りたいのですが、 普通に<a href=""></a>で貼っただけではうまくいかず、 何か方法はありますでしょうか。 どうぞよろしくお願いします。

  • jqueryスライドのズレ修正

    jqueryのスライドショーを実装しました。 現在、添付画像のようにスライドのズレが直せません。 左端に一つ前の画像が残ってしまう状態です。。 参考にコピーさせてもらったのは下記サイトです。 http://black-flag.net/jquery/20120215-3671.html どう修正が必要でしょうか。 宜しくお願い致します。

  • jQueryで簡易なスライドショーを作ったのですが

    jQueryの練習に簡易なスライドショーを作ったのですが、画像を変えるごとに画面の一番上まで戻ってしまいます。以下にコードを載せますので、どなたかご教示いただければ幸いです。 $(function(){ var num = 0; $(".slideshow").click(function(){ $(this).fadeOut("500",function(){ var ptnum = (++num)%5 + 1; //5枚の画像をクリックで変える var ptname = "photos/pt_00" + ptnum + ".jpg"; $(this).attr("src",ptname); $(this).fadeIn("500"); }); }); }) HTMLの方は何の変哲もない <img src="photos/pt_001.jpg" class="slideshow" /> となっています。

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

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

    • 締切済み
    • CSS
  • jQueryのスライドショーのカスタマイズについて

    仕事であるサイトを作っているのですが、製品ページの所で製品画像をスライドショーにして実装しようと思っており、jQueryで理想に近いプラグイン(galleriaというものです)を発見したのですが、スライドショーの領域内でさらに拡大画像ができるようにしてほしいと言われ自分でカスタマイズしようとやってみましたがうまくできません。 皆様のお力をお貸しいただけないでしょうか。 ■galleriaのプラグインを使ってカスタマイズする内容 galleriaのサイトからファイルをダウンロードし(http://galleria.aino.se/download/)メイン画像(サムネイルの上にある画像)内、もしくは外に「拡大画像」というボタンを設置し、クリックするとモーダルウィンドウで拡大画像が表示されるようにしたい。 ■自分でうまくできないところ このプラグインはサムネイル、もしくは左右にある矢印をクリックすると画像が変わる仕様になっており、「拡大画像」ボタンに今表示されているメイン画像を判別させて拡大画像を表示させる処理が必要となると思うのですが、うまくいきません。 モーダルウィンドウはthick.box(http://jquery.com/demo/thickbox/)を使って表示させています。 その他に、もっと簡単にできる方法など教えていただければ助かります。 よろしくお願いいたします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する