milohuang

/*
 * Customize Footnotify on your site by adding custom css.
 * 
 * This file is NOT loaded by the script and must be
 * implemented on the site in order to apply.
 *
 * More info: https://gist.github.com/1046538
 *
 */

milohuang

<?php
/**
 * Function: Average
 * Calculates average of values taken from custom fields out of a WordPress loop. Built of Jason ;)
 * Author: Baki Goxhaj
 */
function average( $post_no );
	$no = 0;	
	$query = new WP_Query('posts_per_page=' . $post_no ); while( $query->have_posts() ) : $query->the_posts();
		

milohuang

#featured { background: url(spinner.gif) center center #f4f4f4; height: 300px; }
#featured img { display: none; }

#featured.orbit { background: none; }
#featured.orbit img { display: block; }

milohuang

<div id="featuredContent">
  <div>
    <h4>This is a content slider.</h4>
    <p>Each slide holds arbitrary content, like text or actions.</p>
  </div>
  <div>
    <h4>We can include text and buttons, like this!</h4>
    <p>We take no responsibility for what happens if you click this button.</p>
    <p><a href="http://www.youtube.com/watch?v=dQw4w9WgXcQ" class="button" target="_blank">Rock My World!</a></p>
  </div>

milohuang

<div id="featured">
  <img src="../images/orbit-demo/demo1.jpg" />
  <img src="../images/orbit-demo/demo2.jpg" />
  <img src="../images/orbit-demo/demo3.jpg" />
</div>

milohuang

$('#featured').orbit({
     animation: 'fade',                  // fade, horizontal-slide, vertical-slide, horizontal-push
     animationSpeed: 800,                // how fast animtions are
     timer: true, 			 // true or false to have the timer
     resetTimerOnClick: false,           // true resets the timer instead of pausing slideshow progress
     advanceSpeed: 4000, 		 // if timer is enabled, time between transitions 
     pauseOnHover: false, 		 // if you hover pauses the slider
     startClockOnMouseOut: false, 	 // if clock should start on MouseOut
     startClockOnMouseOutAfter: 1000, 	 // how long after MouseOut should the timer start again
     directionalNav: true, 		 // manual advancing directional navs

milohuang

<script type="text/javascript">
   $(window).load(function() {
       $('#featured').orbit();
   });
</script>