Stopmotion-lite.js v1.2 By Ben Byford
USEAGE:
JS – defaults: stopmotion(’#slideImages’,‘100’, ‘1’, '0')
$(function(){ stopmotion(divID, animationSpeed, pauseButton, navButton);
//divID = class or id of target div container with images
//pauseButton 1 on / 0 off
//navButton 1 on / 0 off
});
CSS #slideImages{ opacity: .6; background: url('images/quality6.jpg') 0 10px no-repeat; height: 415px; } #slideImages img{ padding-top: 10px; margin: 0 auto; display: none; } #slideImages img:first-child{ display: block; } #loading{ position: absolute; top: 300px; left: 49%; z-index: 999; }
VERSIONS: 1.2 - 04/03/2012 Added navButton - forward and back buttons while animation regardless if animation is paused or not Option to added/remove navButtons button Change Class name 'first' - changed to 'firstSlide' as not to conflict with other classes in a pages' css
1.1 - 29/05/2011 Added pause/play button Option to added/remove pause/play button
1.0 - 27/05/2011