Hey guys, I have a website where I post images everyday, and I don't want to make multiple pages, just one.

But now I have about maybe what 40 images on the same page? And I tried multiple times to implement jQuery Scrolling in it (Kind of the same thing as the tumblr infinite page thing)

Here's the source code:

http://plugins.jquery.com/project/endless-scroll

Example:

http://www.beyondcoding.com/demos/endless-scroll/

Can anyone help me?

Here's my html:

PHP Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 
 
    <title>Take a Shot at Life</title> 
    
 <meta name="keywords" content="life quotes, love quotes, quotes, personal quotes, take a shot at life, friendship" /> 
    <meta name="description" content="Share quotes that means something to me at the moment. In other words, it reflects my state of mind" /> 
 
 
    <link rel="stylesheet" type="text/css" href="tsl/style.css" /> 
    
</head> 
 <body>
 
 <div id="header-container">
        <div id="header">
         <div id="logo">
         <IMG class="logo" src="/tsl/logo.png" alt="/index.html">
            
            </div>

    <div id="container"> 
        <div id="sidebar">            
            <ul id="navigation"> 
                <li><a href="/index.html">Home</a></li> 
                <li><a href="/journal">Journal</a></li>  
                <li><a href="/about.html">About</a></li>      
                <li><a href="/contact.html">Contact</a></li>  
                <li><a href="https://www.facebook.com/pages/Take-a-Shot-at-Life/160377524041869?sk=wall">FaceBook</a></li> 
            </ul> 

        </div>         </div> 
     
     
       <ul id="images">
       <li><IMG class="quotes" src="/Quotes/ididntthought.png" alt="/"></li>
       <li><IMG class="quotes" src="/Quotes/ijustwantto.png" alt="/"></li>
       <li><IMG class="quotes" src="/Quotes/dowhat.png" alt="/"></li>
       <li><IMG class="quotes" src="/Quotes/maybeill.png" alt="/"></li>
       <li><IMG class="quotes" src="/Quotes/whenwe.png" alt="/"></li>
       <li><IMG class="quotes" src="/Quotes/ihateyour.png" alt="/"></li>
       <li><IMG class="quotes" src="/Quotes/iwonder.png" alt="/"></li>
       <li><IMG class="quotes" src="/Quotes/icaninsult.png" alt="/"></li>
       <li><IMG class="quotes" src="/Quotes/neverlookback.png" alt="/"></li>
       <li><IMG class="quotes" src="/Quotes/icanttell.png" alt="/"></li>
       <li><IMG class="quotes" src="/Quotes/iwishyou.png" alt="/"></li>
       <li><IMG class="quotes" src="/Quotes/sometimeswhen.png" alt="/"></li>
       <li><IMG class="quotes" src="/Quotes/ijustwant.png" alt="/"></li>
       <li><IMG class="quotes" src="/Quotes/peoplesay.png" alt="/"></li>
       <li><IMG class="quotes" src="/Quotes/youknowwhat.png" alt="/"></li>
       <li><IMG class="quotes" src="/Quotes/sometimesweexpect.png" alt="/"></li>
       <li><IMG class="quotes" src="/Quotes/lifeisabout.png" alt="/"></li>
       <li><IMG class="quotes" src="/Quotes/ifijust.png" alt="/"></li>
       <li><IMG class="quotes" src="/Quotes/ireallyhate.png" alt="/"></li>
       <li><IMG class="quotes" src="/Quotes/fallinlove.png" alt="/"></li>
       <li><IMG class="quotes" src="/Quotes/theresalways.png" alt="/"></li>
       <li><IMG class="quotes" src="/Quotes/sometimesyouneed.png" alt="/"></li>
       <li><IMG class="quotes" src="/Quotes/silence.png" alt="/"></li>
       <li><IMG class="quotes" src="/Quotes/sometimes.png" alt="/"></li>
       <li><IMG class="quotes" src="/Quotes/youdeserve.png" alt="/"></li>
       <li><IMG class="quotes" src="/Quotes/dowhatmakes.png" alt="/"></li>
       <li><IMG class="quotes" src="/Quotes/ifyouwant.png" alt="/"></li>
       <li><IMG class="quotes" src="/Quotes/doyoueverthink.png" alt="/"></li>
       <li><IMG class="quotes" src="/Quotes/icanbechanged.png" alt="/"></li>
       <li><IMG class="quotes" src="/Quotes/thegreatest.png" alt="/"></li>
       <li><IMG class="quotes" src="/Quotes/ifeellike.png" alt="/"></li>
       <li><IMG class="quotes" src="/Quotes/nevergiveup.png" alt="/"></li>
       <li><IMG class="quotes" src="/Quotes/ifsomeone.png" alt="/"></li>
       <li><IMG class="quotes" src="/Quotes/peoplecry.png" alt="/"></li>
        <li><IMG class="quotes" src="/Quotes/itstruethat.png" alt="/"></li>
        <li><IMG class="quotes" src="/Quotes/neverregret.png" alt="/"></li>
        <li><IMG class="quotes" src="/Quotes/apologizing.png" alt="/"></li>
        <li><IMG class="quotes" src="/Quotes/whenim.png" alt="/"></li>
        <li><IMG class="quotes" src="/Quotes/thesaddest.png" alt="/"></li>
        <li><IMG class="quotes" src="/Quotes/neverallow.png" alt="/"></li>
        <li><IMG class="quotes" src="/Quotes/askyourself.png" alt="/"></li>               <li><IMG class="quotes" src="/Quotes/forgetall.png" alt="/"></li>                <li><IMG class="quotes" src="/Quotes/boysifyou.png" alt="/"></li>
        <li><IMG class="quotes" src="/Quotes/dontthink.png" alt="/"></li>
        <li><IMG class="quotes" src="/Quotes/itsnota.png" alt="/"></li>
        <li><IMG class="quotes" src="/Quotes/youhugher.png" alt="/"></li>
        <li><IMG class="quotes" src="/Quotes/stayfar.png" alt="/"></li>
        <li><IMG class="quotes" src="/Quotes/aguyand.png" alt="/"></li>
        <li><IMG class="quotes" src="/Quotes/ilikeit.png" alt="/"></li>
        <li><IMG class="quotes" src="/Quotes/youarefar.png" alt="/"></li>
        <li><IMG class="quotes" src="/Quotes/thedrunkmind.png" alt="/"></li>
        <li><IMG class="quotes" src="/Quotes/idontwishto.png" alt="/"></li>
        <li><IMG class="quotes" src="/Quotes/thetruthis.png" alt="/"></li>
        <li><IMG class="quotes" src="/Quotes/idontknowhowto.png" alt="/"></li>
        <li><IMG class="quotes" src="/Quotes/ifyoudontgo.png" alt="/"></li>
    <li> <IMG class="quotes" src="/Quotes/missingsomeone.png" alt="/"></li>
    <li><IMG class="quotes" src="/Quotes/it'shardtowait.png" alt="/"></li>
 <li> <IMG class="quotes" src="/Quotes/ismileand.png" alt="/"></li>
         
                        
  </ul>
   

        
        <div id="footer"> 
        <img src="/tsl/separator.png"/>
            <p>Take a Shot at Life publish existing quotes, we do not own any of them.
               <br /> 
                Copyright 2011
            </p> 
        </div> 
    </div> 
    
    </div> 
</div>
</body> 
</html> 
Thank you!
Kedzi Reviewed by Kedzi on . jQuery Infinite Scrolling Hey guys, I have a website where I post images everyday, and I don't want to make multiple pages, just one. But now I have about maybe what 40 images on the same page? And I tried multiple times to implement jQuery Scrolling in it (Kind of the same thing as the tumblr infinite page thing) Here's the source code: http://plugins.jquery.com/project/endless-scroll Example: Rating: 5