jQuery Billboard Plugin Examples

Sample billboards

$("#billboard1")
 .billboard();

$("#billboard2")
 .billboard({ 
  transition: "right", 
  duration: 2000, 
  speed: 500, 
  navType: "controls",
  autosize: false	
 });

$("#billboard3")
 .billboard({ 
  transition: "up", 
  navType: "none",
  stretch: false
 });

$("#billboard4")
 .billboard({ 
  ease: "easeInOutElastic", 
  speed: 2000, 
  transition: "down"
 });

$("#billboard5")
 .billboard({ 
  transition: "fade", 
  includeFooter: false,
  resize: true 
 });

$("#billboard6")
 .billboard({
  onSlideChange: slideChangeHandler
 });
 
 function slideChangeHandler( curSlide, prevSlide, reverse, args )
 {
  var slide = this.billboard().get(curSlide);
  // do stuff
 }	 

 $("nav.goto a")
  .click(function(e) {
   e.preventDefault();

   $("#billboard6")
    .billboard()
    .goto( $("nav.goto a").index(this) );
 });