hsquareweb
6/15/2012 - 8:35 PM

WP: jQuery Tools Slider

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(); ?>">&gt; 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 -->