// Easing equation, borrowed from jQuery easing plugin // http://gsgd.co.uk/sandbox/jquery/easing/ jQuery.easing.easeOutQuart = function (x, t, b, c, d) { return -c * ((t=t/d-1)*t*t*t - 1) + b; }; //jQuery(function( $ ){ $(function(){ /** * No need to have only one element in view, you can use it for slideshows or similar. * In this case, clicking the images, scrolls to them. * No target in this case, so the selectors are absolute. */ $('#slideshow').serialScroll({ items:'li', prev:'#scrollshow a.prev', next:'#scrollshow a.next', offset:-320, //when scrolling to photo, stop 230 before reaching it (from the left) start:1, //as we are centering it, start at the 2nd duration:1200, force:true, stop:true, lock:false, cycle:true, // cycle:false, //don't pull back once you reach the end easing:'easeOutQuart', //use this easing equation for a funny effect jump: false //click on the images to scroll to them }); // $("a.thickbox").thickbox(); });