jQuery ImagePlayer

This is a rewrite by Josep Llodrà of ImagePlayer plug-in originally written by Kelli Shaver.

It is a player/slideshow that looks and works similarly to a conventional video player. You can play/pause, go to the beginning, go to the end, click different points on the scrubber to jump back and forth, and you can enable an option that will pause the playback while hovering over the image. Images are scaled automatically to fit in the player. You can also switch to full-screen. Captions are supported.

Works perfectly in chrome/safari/firefox, and pretty well in IE.

Github project page

Example

<ul id="image_player">
  <li><img src="./images/photos/sample1.png"></li>
  <li><img src="./images/photos/sample2.png"></li>
  <li><img src="./images/photos/sample3.png"></li>
  ...
</ul>

<script type="text/javascript" src="js/jquery.imageplayer.js">
  $(function() {
    var options = {
      stageWidth:400,
      stageHeight:300,
      autoStart:false,
      pauseOnHover:true,
      delay:1,
      loop:true
    };
    $('#image_player').imagePlayer(options);
  });
</script>

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 

Another example

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 

Running at 12 frames per second.

Download

git clone git://github.com/jllodra/imageplayer.git

Grab the zip file or the tarball