スクロールで続きが読み込まれるスクリプトは？

前へ 次へ
このQ&Aのポイント
  • スクロールで続きが読み込まれるスクリプトを探しています。Autobrowse jQuery pluginは画像だけの読み込みが可能なようです。
  • 探しているのは、画像＋テキストなどコンテンツボックスごと続きが読み込まれるajaxなどのスクリプトです。
  • 初級レベルのスキルで使えるajaxについての情報や参考サイトを教えてください。
回答を見る
  • ベストアンサー

スクロールで続きが読み込まれるスクリプトは？

http://bm.straightline.jp/ ↑こちらのサイトのように、下までスクロールすると、 moreローディングが表示され、続きが読み込まれる動きを実現したいのです。 TwitterやFacebookと同様の仕様です。 ネットで探した所、Autobrowse jQuery pluginというプラグインがあったのですが、 こちらは画像だけの読み込みが可能なようです。 上記サイトのように、画像＋テキストなどコンテンツボックスごと、 続きが読み込まれるajaxなどご存知でしょうか？ 参考サイトなど教えて頂けませんか？ 検索したのですが、意外と情報がなく、投稿しました。 ajaxについては、初級レベルのスキルになります。

  • MBN
  • お礼率71% (35/49)

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

  • ベストアンサー
  • think49
  • ベストアンサー率59% (285/482)
回答No.1

いわゆる Autopagerize ですね。 jQuery.autopager: Automatic paging plugin for jQuery http://lagoscript.org/jquery/autopager

MBN
質問者

お礼

think49さん、早速情報ありがとうございます！ なるほど、まさにこんな感じです＾＾ 私が挙げた参考サイトも次ページを読み込んでいるようですね。 moreというローディングイメージが出るとカッコいいですね。 ありがとうございました！

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

関連するQ&A

  • Ajaxを使った読み込みができない

    ●質問の主旨 Ajax（非同期通信）を使って、 ブラウザ上でテキストファイルの読み込みを させたいのですが、できません。 Ajaxにお詳しい方、ご指導願います。 ●質問の補足 HTML5とjqueryの技術を使って、 テキストファイルの中身（Hello,World)の 読み込みをさせたいと考えております。 参考サイトにもとづいてやってますが、 画像の表示ができません。 表示させるためにはどうしたら良いでしょうか？ ●コード <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>jQueryの練習</title> <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script> </head> <body> <h1>jQueryの練習</h1> <div id="main"></div> <input type="button" id="kick_ajax" value="Ajax!"> <script> $(function() { $('#kick_ajax').click(function() { $('#main').load('contents.txt', function() { alert('読み込み終了！'); }); }); }); </script> </body> </html> ●テキストファイルのファイル名 contents.txt ●参考サイト（ドットインストール） http://dotinstall.com/lessons/basic_jquery/519

    • ベストアンサー
    • AJAX
  • ウェブページのスクロールついて

    こんにちは いつもお世話になっております。 指先が少し不自由なので、マウスオーバーでウェブページをスクロールできる フリーソフトを探しています。下のURLのようにできるといいのですが・・・ ご存知でしたらお教えください。よろしくお願いいたします。 http://mm3ta.net/startstop3u1.html 　最上段中央の「up 」「down」にマウスオーバーするとスクロールします。 http://phpjavascriptroom.com/exp3.php?f=include/ajax/jquery_plugin_imagegallery/simplyscroll.inc 　要素を水平方向にスクロール（手動、スピード=5）や 　要素を垂直方向にスクロール（手動、スピード=5）の 　三角の部分にマウスオーバーするとスクロールします。

  • jQuery Cycle Pluginについて

    JavaScriptで、右から左に自動で画像が流れるスライドショーを表現するために、 現在いろいろなプラグイン等を見ています。 その中に、「jQuery Cycle Plugin」というのがあったのですが、 こちらのサイトに行き　all　となっているファイルのダウンロードを するために対象のリンクをクリックすると、なぜか403エラーになってしまいます。 こちらはすでに配布を終了してしまった、ということなのでしょうか？ 試しにと思い、同じページにあるLite Pluginを設置しても、 私の望む動きは得られませんでした。 同じようなプラグインを使用中の皆様、どうかご意見やご指摘、アドバイスをいただけないでしょうか？ ※ちなみに、正常に動いているサイトさんでは、jQueryは1.2.6を、 ※「jQuery Cycle Plugin」のallを使用していました。

  • ページ内リンクをスクロール移動させる方法

    このサイトのように、メニューをクリックすると コンテンツ側のエリアだけスクロールするようにさせるには どうすればいいのでしょうか？ http://www.yurikago.or.jp jQueryを使ったページ内スクロールの方法は色々なサイトで紹介されていたのですが、 どれもページ全体がスクロール移動するものだったので、質問させて頂きました。 （あるいはページ全体がスクロールするものを少しアレンジすれば、可能なのでしょうか？） 教えて頂けましたら幸いです。

    • ベストアンサー
    • CSS
  • jCarouselLiteの設定について

    http://www.rakuten.ne.jp/gold/gekiyasukaguya/ 上記サイトで使われている、 商品画像が自動でスクロールしている部分。 このようなものを作成したいと思っております。 ソースを見たところ、「jCarouselLite」という jQueryのプラグインを使用しているのではないかというところに行きつきました。 そのプラグインのことを検索して動作確認を試したのですが、 自分が思うような動作をしてくれなくて困っています。 (1)アクセスしたら自動でずっと商品画像がスクロールし続ける (2)マウスオーバーするとスクロールが止まる この2点を実現したいのですが、「jCarouselLite」では無理なのでしょうか？ そもそもこの自動スクロール部分は楽天が提供するオリジナルのものなのでしょうか？ jquery-2.0.0.min.js jcarousellite_1.0.1.min.js jquery.easing.min.js 以上を使用しております。 ブラウザーはクロームです。 お分かりの方いらっしゃいましたら、よろしくお願いいたします。

  • CSSプルダウンメニューとjQueryの重なりについて

    CSSプルダウンメニューとjQueryの重なりについて 下記サイト http://www.karuizawanet.com/cgi-bin/database/database.cgi?cmd=s&sc=hotel にてCSSプルダウンメニューと Simple jQuery Spy Effect（要素の自動スクロール） http://f32.aaa.livedoor.jp/~azusa/index.php?t=ajax&p=jquery_plugin_scroll を設置していますが、 CSSプルダウンメニューが 要素の自動スクロールの下に隠れてしまい 困っています。 CSSのz-indexを入れてみましたが、改善されません。 どなたかお力添えをお願いいたします。

    • ベストアンサー
    • AJAX
  • jQueryを使い、数枚の画像が延々とスクロールするページを作っていま

    jQueryを使い、数枚の画像が延々とスクロールするページを作っています。 ページはできたのですが、一つおかしな動きをします。 8枚の画像が一周するあたりで、なぜかスクロールが一瞬早くなるのです。 どこの書き方が問題なのでしょうか。 よろしくお願いします。 なお、画像は下記のサイト様から拝借しました。 この場を借りてお礼申し上げます。 http://sozai-free.com/sozai-list/scenery.html

  • 以下の変数は参照できないと、ルールとして記載がある

    jQueryをサイト制作に導入したいのですが、 AJAX系は使わない。 以下の変数は参照できないと、ルールとして記載がある場合があります。 'eval' 'alert' 'confirm' 'prompt' 'pbcd' jQuery' 上記の変数とは、初期から設定されている変数ということでよろしいでしょうか？ 例えば下記のようなソースがあった場合、下記の場合のjQueryは変数ではなくjQueryを使っているという宣言なので、問題なくvar=jQueryなどvar＝の後に上記の初期から設定されている変数を使わず、プラグインなら、ソースを検索で検索してvar＝の後に上記の初期から設定されている変数がなければ問題ないということでよろしいでしょうか？ jQuery("h1").click(function(){ jQuery("h1").animate({ backgroundColor: "#abcdef" }, 1500 ); }); 次にAJAX系を使っているかどうかは、プラグインのソースに下記のように、AJAXを読み込んでいる情報がなければ、使っていないと判断できるでしょうか？ <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>

    • ベストアンサー
    • AJAX
  • このサイトでは、ページをスクロールする順に画像を読み込んでいるような感

    このサイトでは、ページをスクロールする順に画像を読み込んでいるような感じなのですが なにがつかわれているのでしょうか。 一見すると、Ajaxのようにもみえるのですが････ http://www.shayhowe.com/web-design/designing-call-to-action/

  • 横にスクロールするだけのスライドショーを探しています

    こんにちは。 JSとかJQUERYなどを使ってフィルムのように横に流れるスライドショーを探しています。 うまく表現できないのですが、一枚ずつ表示して一枚ずつ横にスクロールするのではなく、回転寿司みたいに自動でゆっくりと画像が流れてゆくものが欲しいのですが、意外に見つからずに困っています。 このようなスライドショーを公開しているサイトさんをご存知でしたらお教えください。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する