スクロールすると、ページを自動読み込みする方法です。

スクリプトは
http://lagoscript.org/jquery/autopager

で配布されています。

しかし、上級者向けの説明なので、分かりにくい。

なので僕がもう少し解説します。

1.

まず、
http://lagoscript.org/jquery/autopager/download (jQuery.autopager-○○.js)

http://docs.jquery.com/Downloading_jQuery (jquery-○○.js)

をダウンロード。

それぞれ、

jquery.autopager.jsと、jquery.jsにリネームした方が良い。

2.

取り付けたいページのヘッダーに、

<script src=”./jquery.js” type=”text/javascript”></script>
<script src=”./jquery.autopager.js” type=”text/javascript”></script>

と記載。
順番を逆にすると動かない!!

3.

そして、次々ファイルを読み込んで行きたい位置に(ファイルはPHPファイルが前提)、

<script type=”text/javascript”>
    $(function() {
        $.autopager();
    });
</script>

<?
$this_page = $_GET["page"];
$next_page = $_GET[“page”]+1;
if($next_page == 1){$next_page=2;}
?>

<div><p><? print($this_page); ?>ページ目のコンテンツ</p></div>

<a href=”/jquery/autopager/demo?page=<? print($next_page); ?>” rel=”next”></a>

と記載すれば動く。

以上です。

 

スポンサー

お問い合わせ

この記事についてご質問があれば、お問い合わせ下さい。

お名前(必須)
お名前フリガナ(必須)
メールアドレス(必須)
メールアドレス確認(必須)
お問い合わせ記事URL
お問い合わせ内容(必須)