Animation With multiple image

by Nofiden Noble

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/jquery-ui.css" type="text/css" media="all" /> 

<p>Move the slider to see animation.</p>
<div id="slider"></div>
<div id="holder"></div>

JavaScript

$("#slider").slider({
     min: 40,
     max: 80,
     slide: function(event, ui) {
         var number = ui.value;
 
         var x = '<img src="http://movies.apple.com/media/us/ipad/2011/spin/smart_cover_sequence_20110302/ipad_unfold-0' + number + '.jpg" />';
         $('#holder').html(x);
     }
 });