WP: jQuery Tools Slider
<script>
$("ul.banner-list").tabs(".banners > div.banner", {
autoplay: true,
effect: 'fade',
fadeOutSpeed: "slow",
rotate: true
}).slideshow();
</script>
<div id="branding-area">
<div class="banners">
<?php
$loop = new WP_Query(array('post_type' => 'banner', 'posts_per_page' => -1, 'orderby'=> 'ASC'));
$bannerCount = 0;
?>
<?php while ( $loop->have_posts() ) : $loop->the_post(); ?>
<div class="banner">
<div class="content">
<h3>LMCI Video Series:</h3>
<h2><?php the_title(); ?></h2>
<?php the_content();?>
<p><a href="<?php the_permalink(); ?>" class="more" title="<?php the_title(); ?>">> Learn More</a></p>
</div>
<div class="image">
<?php $url = get_post_meta($post->ID, "url", true);
if($url!='') {
echo '<a href="'.$url.'">';
echo the_post_thumbnail('full');
echo '</a>';
} else {
echo the_post_thumbnail('full');
} ?>
</div>
</div>
<?php $bannerCount++ ?>
<?php endwhile; ?>
<?php wp_reset_query(); ?>
<ul class="banner-list">
<?php for($i=0; $i < $bannerCount; $i++) {
echo '<li><a href="javascript:void(0);">'.$bannerCount.'</a></li>';
} ?>
</ul>
</div><!-- end banners -->
</div><!-- end branding area -->