2012-06-28 23 views
1

我有一個使用2個PHP文件和一個MySql數據庫的示例頁面,並且我試圖在其上使用jQuery無限滾動。我如何從數據庫加載下一組數據?例如,我在我的照片數據庫中有100條記錄,我想要顯示20條記錄,然後在一些滾動條件後顯示20條記錄。如何爲無限滾動分頁查詢結果?

這是我目前的核心:

的index.php

<?php 
ob_start(); 
require_once('images.html'); 
ob_end_flush(); 
?> 

images.html

<!doctype html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8" /> 
    <title> trata tata</title> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
    <!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]--> 
    <link rel="stylesheet" href="./css/style.css" /> 
    <!-- scripts at bottom of page --> 
</head> 
<body class="demos "> 
    <nav id="site-nav"> 
    <h1><a href="./index.html">ole tu jest HOME</a></h1> 
    <h2>Menu 1</h2> 
    <ul class="docs-list"> 
     <li><a href="../docs/intro.html">11111111</a> 
    </ul> 
    <h2>Menu 2</h2> 
    <ul class="demos-list"> 
     <li><a href="../demos/basic-single-column.html">222222222</a> 
     <li class="current"><a href="#content">3333333333</a></li> 
    </ul> 
    </nav> <!-- #site-nav --> 

    <section id="content"> 
    <h1>cos tam ....</h1> 
    <div id="container" class="clearfix"> 
    <?php 
    // Make a MySQL Connection 
    mysql_connect("localhost", "root", "") or die(mysql_error()); 
    mysql_select_db("test") or die(mysql_error()); 

    // Retrieve all the data from the "test " table 
    $result = mysql_query("SELECT * FROM foto") 
    or die(mysql_error()); 

    // store the records of the "TABLENAME" table into $row array and loop through 
    while ($row = mysql_fetch_array($result, MYSQL_ASSOC)) { 

    // Print out the contents of the entry 

    //echo "details: ".$row['id']; 
    echo '<div class="box photo col3">'; 
    echo "<img src=\"".$row['src']."\" alt=\"wwwwww\" />"; 
    echo '</div>'; 
    } 
    ?> 
    </div> <!-- #container --> 

    <script src="./js/jquery-1.7.1.min.js"></script> 
    <script src="./jquery.masonry.min.js"></script> 
    <script> 
     $(function(){ 
     var $container = $('#container'); 
     $container.imagesLoaded(function(){ 
      $container.masonry({ 
      itemSelector : '.box' 
      }); 
     }); 

     }); 
    </script> 
    <footer id="site-footer"> 
     szaki <a href="http://desandro.com">sdfsdfdsfsdf</a> 
    </footer> 

    </section> <!-- #content --> 

</body> 
</html> 

回答