jqueryとajaxを使ってページを切り替える方法
ajaxとは、ページ全体を再度読み込みをせずに、一部だけを非同期で切り替える手法です。 これを行うことで、ユーザーがページが切り替わるときにかかるストレスを減らせます。 はじめに1.htmlを読みこみ、下の1、2、3、とクリックすることでページを2.html、3.htmlと切り替えます。 サンプル 解説 html <div id="photo_conteiner"> <p id="title">フォトギャラリー</p> <div id="photo_cont"> <p class="loading"><img src="loading.gif" /></p> </div> <ul class="pager"> <li><a href="1.html">1</a></li> <li><a href="2.html">2</a></li> <li><a href="3.html">3</a><
スクロールに合わせてコンテンツの読み込みを開始するjQueryプラグイン「Autobrowse jQuery plugin」｜BLACKFLAG
2011/03/11の「東北地方太平洋沖地震」震災後、しばらく更新が滞っていましたが、少しずつ再開してみようかと思います。 Twitterなどで見かけるページの最下部までスクロールすると続きのコンテンツを読み込む動作を、jQueryで可能とするプラグイン「Autobrowse jQuery plugin」が、ちょっと気になっていたのでメモ書き程度に紹介してみます。 ≫jquery.esn.autobrowse.js 上記チュートリアルページでデモが確認できますが、サンプルではページロード時に決まった数（20個）の画像を先に読み込んでおいて、ページをスクロールするとさらに20個ずつ画像を読み込み、100個まで表示した時点で動作をストップさせています。 使い方もさほど難しくなく、プラグインファイルと下記の実行用スクリプトにて実装が可能なようです。 ◆SCRIPT $(".page").auto
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
