Infinite Scroll on home page with multiple loops
-
Hello,
I was wondering if it’s possible to implement inifnite scrolling on multiple loops on my blog’s main page that would load posts Twitter style, by clicking a link below each section.
Here’s my code:
<?php global $post; $post_photos = get_posts('post_type=post&numberposts=20&category=421'); $post_videos = get_posts('post_type=post&numberposts=20&category=422'); ?> <?php get_header(); ?> <?php get_sidebar(); ?> <div class="floater_top"> <?php if (have_posts()) : ?> <!-- PHOTO GALLERY START --> <div id="photogallery"></div> <div class="subfloater"> <h1>Photos</h1> <h3>Subtitle</a></h3> <?php foreach($post_photos as $post) : setup_postdata($post); ?> <a href="<?php the_permalink(); ?>"> <div class="photos_big_outside"> <div class="photos_big_inside" ><?php get_post_image ('w=140&h=210&zc=T&q=95'); ?></div> </div><!-- end photos_big_outside --> </a> <?php endforeach; ?> <div class="subfloater_footer_txt"> <h3><a>Press Here to Load More Photos</a></h3> </div><!-- end subfloater_footer_txt --> </div><!-- end subfloater --> <!-- PHOTO GALLERY END --> <!-- VIDEO DEPOT START --> <div class="subfloater"> <div id="videodepot"></div> <h1>Videos</h1> <h3>Subtitle</h3> <?php foreach($post_videos as $post) : setup_postdata($post); ?> <div class="videos"><h1><?php echo get_the_title($ID) ?></h1></div> <?php endforeach; ?> <div class="subfloater_footer_txt"> <h3><a>Press Here to Load More Videos</a></h3> </div><!-- end subfloater_footer_txt --> </div><!-- end subfloater --> <!-- VIDEO DEPOT END --> </div><!-- end floater_top --> <?php else : ?> <?php endif; ?> <?php get_footer(); ?>
If someone can help me figure out the selectors I’d appreciate it also, I’m not too experienced with that.
Thanks in advance!
Viewing 5 replies - 1 through 5 (of 5 total)
Viewing 5 replies - 1 through 5 (of 5 total)
- The topic ‘Infinite Scroll on home page with multiple loops’ is closed to new replies.