I've been trying to tackle this problem all day and I don't seem to be getting anywhere with it and I thought it would be quite a simple solution (school boy error on my part!).
I'm not the strongest at jQuery but the problem I have is that I have pulled a list of category posts in from a specific category for a meet the team page :
<?php $blog_query = 'showposts=6&cat=5'; $posts = query_posts($blog_query); while (have_posts()) : the_post(); echo '<div class="threecol meeting first">'; echo the_post_thumbnail('bones-thumb-meet-the-team'); echo ' <div class="content"><h2>' .get_the_title() .'</h2>'. get_the_content() . '</div>'; echo '</div>'; endwhile; ?> <?php wp_reset_query(); ?>
This pulls in 6 of the posts from a selection of 12 and upon clicking of the featured thumbnail it displays the post content to the left of it in a separate div.
What I want to be able to do is display 6 of the 12 posts at a time and have left & right arrows for the thumbnail divs that will navigate through to the remainding 6 posts which will allow me to display the rest of the posts content onclick.
Obviously with this custom jQuery already happening on the posts I can't really use a plugin to achieve this, or after researching I'm not aware that I can.
At the moment I have this site working locally but if it would be easier to get this up on a tester server to make it easier for you guys to help out I would be more than happy to do this.
Any help in the right direction would be greatly appreciated as always guys.