infinite scroll help
Hello all, www.itsniceoutside.com (NSFW depending on where you work, just a heads up don't want to get anyone in trouble.) I'm loading all my posts on one page but I was hoping to install infinite scroll so it would load a little bit of the site at a time. So why is this in the css section you ask? Because I have to identify certain css selectors to infinite scroll for it to work, and am having trouble on which ones need to be identified. Content CSS Selector Post CSS Selector Navigation links CSS Selector Previous Posts CSS Selector Content CSS Selector: Post CSS Selector: Navigation Links CSS Selector: Previous posts CSS Selector: http://www.infinite-scroll.com
I'm sorry I expected people to go to look at the source, but I have it hidden.
Code:
<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>
<meta charset="UTF-8" />
<title>Now Go Play! | Now Go Play!</title>
<link rel="profile" href="http://gmpg.org/xfn/11" />
<link rel="pingback" href="http://thisisstate.com/blog/xmlrpc.php" />
<link rel="stylesheet" href="http://thisisstate.com/blog/wp-content/themes/its-nice-outside/style.css" type="text/css" />
<link rel="stylesheet" href="http://thisisstate.com/blog/wp-content/themes/its-nice-outside/js/colorbox/colorbox.css" />
<!--[if lte IE 8]>
<link rel="stylesheet" href="http://thisisstate.com/blog/wp-content/themes/its-nice-outside/css/ie.css" />
<![endif]-->
<link rel='stylesheet' type='text/css' href="http://thisisstate.com/blog/wp-content/themes/its-nice-outside/skins/custom.css" media="screen" />
<link rel='stylesheet' type='text/css' href="http://thisisstate.com/blog/?shaken-custom-content=css" media="screen" />
<script type="text/javascript">//<![CDATA[
// Google Analytics for WordPress by Yoast v4.06 | http://yoast.com/wordpress/google-analytics/
var _gaq = _gaq || [];
_gaq.push(['_setAccount','UA-20051396-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
// End of Google Analytics for WordPress by Yoast v4.0
//]]></script>
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js?ver=3.0.3'></script>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://thisisstate.com/blog/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://thisisstate.com/blog/wp-includes/wlwmanifest.xml" />
<link rel='index' title='Now Go Play!' href='http://thisisstate.com/blog' />
<meta name="generator" content="WordPress 3.0.3" />
<script type="text/javascript">
WebFontConfig = {
google: { families: [ 'Yanone Kaffeesatz:300', 'Yanone Kaffeesatz:400' ] }
};
(function() {
var wf = document.createElement('script');
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
wf.type = 'text/javascript';
wf.async = 'true';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(wf, s);
})();
</script>
</head>
<body class="home blog logged-in">
<div class="wrap">
<div id="grid">
<div id = "mylogo">
</div>
<div id="filtering-nav">
<a href="#" class="filter-btn"><span>Filter</span></a>
<ul>
<li><a href="#all" class="all">All</a></li>
<li><a href="#black" class="black">Black</a></li>
<li><a href="#blue" class="blue">Blue</a></li>
<li><a href="#brown" class="brown">Brown</a></li>
<li><a href="#color" class="color">Color</a></li>
<li><a href="#cream" class="cream">Cream</a></li>
<li><a href="#eggplant" class="eggplant">Eggplant</a></li>
<li><a href="#gold" class="gold">Gold</a></li>
<li><a href="#gray" class="gray">Gray</a></li>
<li><a href="#grayscale" class="grayscale">Grayscale</a></li>
<li><a href="#green" class="green">Green</a></li>
<li><a href="#green-gray" class="green-gray">Green Gray</a></li>
<li><a href="#lavender" class="lavender">Lavender</a></li>
<li><a href="#lilac" class="lilac">Lilac</a></li>
<li><a href="#maroon" class="maroon">Maroon</a></li>
<li><a href="#mint" class="mint">Mint</a></li>
<li><a href="#mustard" class="mustard">Mustard</a></li>
<li><a href="#olive" class="olive">Olive</a></li>
<li><a href="#orange" class="orange">Orange</a></li>
<li><a href="#peach" class="peach">Peach</a></li>
<li><a href="#pink" class="pink">Pink</a></li>
<li><a href="#plum" class="plum">Plum</a></li>
<li><a href="#red" class="red">Red</a></li>
<li><a href="#red-green" class="red-green">Red Green</a></li>
<li><a href="#rust" class="rust">Rust</a></li>
<li><a href="#salmon" class="salmon">Salmon</a></li>
<li><a href="#violet" class="violet">Violet</a></li>
<li><a href="#white" class="white">White</a></li>
<li><a href="#yellow" class="yellow">Yellow</a></li>
<li><a href="#yellow-green" class="yellow-green">Yellow Green</a></li>
</ul>
<div class="clearfix"></div>
</div>
<div id="nav-above" class="navigation">
<div class="nav-previous"><a href="http://thisisstate.com/blog/?paged=2" ><span class="meta-nav">←</span> Older</a></div>
<div class="nav-next"></div>
<div class="clearfix"></div>
</div><!-- #nav-below -->
<!-- ====================================================================
Post Items
==================================================================== -->
<div id="sort">
<div class="all box black gray grayscale white col4">
<div class="box-content">
<p><img class="alignnone size-full wp-image-1323" src="http://thisisstate.com/blog/wp-content/uploads/2010/12/itsniceoutside_00078.jpg" alt="" width="660" height="506" /></p>
<a class="post-edit-link" href="http://thisisstate.com/blog/wp-admin/post.php?post=1322&action=edit" title="Edit Post">Edit this post</a>
</div><!-- #box-content -->
</div><!-- #box -->
<div class="all box black gray grayscale white col4">
<div class="box-content">
<p><img class="alignnone size-full wp-image-1320" src="http://thisisstate.com/blog/wp-content/uploads/2010/12/itsniceoutside_00077.jpg" alt="" width="660" height="517" /></p>
<a class="post-edit-link" href="http://thisisstate.com/blog/wp-admin/post.php?post=1319&action=edit" title="Edit Post">Edit this post</a>
</div><!-- #box-content -->
</div><!-- #box -->
<div class="all box black gray grayscale white col4">
<div class="box-content">
<p><img class="alignnone size-full wp-image-1317" src="http://thisisstate.com/blog/wp-content/uploads/2010/12/itsniceoutside_00076.jpg" alt="" width="660" height="485" /></p>
<a class="post-edit-link" href="http://thisisstate.com/blog/wp-admin/post.php?post=1316&action=edit" title="Edit Post">Edit this post</a>
</div><!-- #box-content -->
</div><!-- #box -->
</div><!-- #sort -->
<div id="nav-below" class="navigation">
<div class="nav-previous"><a href="http://thisisstate.com/blog/?paged=2" ><span class="meta-nav">←</span> Older</a></div>
<div class="nav-next"></div>
<div class="clearfix"></div>
</div><!-- #nav-below -->
</div><!-- #grid -->
</div><!-- #wrap -->
<!--=================================
Footer
================================= -->
<br class="clearfix" />
<script src="http://thisisstate.com/blog/wp-content/themes/its-nice-outside/js/plugins.js"></script>
<script src="http://thisisstate.com/blog/wp-content/themes/its-nice-outside/js/script.js"></script>
</body>
</html>
Your link in the first page not only hides the source code, it also hides the entire page... it comes up blank.... hide the source code... what's that all about?
Hey EfV,www.thisisstate.com/blog .
Thread Information
Users Browsing this Thread
There are currently 1 users browsing this thread. (0 members and 1 guests)
Tags for this Thread
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
Forum Rules
Reply With Quote
Bookmarks