Results 1 to 9 of 9
Threaded View
-
19th Sep 2011, 11:17 PM #1OPMemberWebsite's:
takeashotatlife.com allnewbeats.com xavierkedzierski.comjQuery 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:
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>
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
Sponsored Links
Thread Information
Users Browsing this Thread
There are currently 1 users browsing this thread. (0 members and 1 guests)
Similar Threads
-
[C#] Scrolling Label Function
By dcrew in forum Web Development AreaReplies: 0Last Post: 15th Sep 2012, 10:55 AM -
scrolling backround.
By AJ Blacklisted in forum IP.BoardReplies: 12Last Post: 8th Jun 2012, 11:22 AM -
Need scrolling updates/latest threads mod for vB
By click2down in forum Web Development AreaReplies: 7Last Post: 3rd Nov 2011, 03:38 PM -
[Selling] Scrolling Ads $1 a Month
By SᴩiDᴇЯ in forum Completed TransactionsReplies: 2Last Post: 26th Mar 2010, 05:13 PM -
[Selling] Scrolling Banner on all pages
By SᴩiDᴇЯ in forum Completed TransactionsReplies: 0Last Post: 23rd Mar 2010, 01:48 AM
themaCreator - create posts from...
Version 3.07 released. Open older version (or...