bfodeke/jquery.slideshowify.js
Folders and files
| Name | Name | Last commit date | ||
|---|---|---|---|---|
Repository files navigation
Slideshowify is a jQuery plugin for generating a "Ken Burns Effect"-style slideshow from images that match a selector. Images that don't fit the window proportions exactly (generally the case) are cropped and panned across the screen. This also resembles that Mac screensaver. Check out the DEMO: www.subchild.com/slideshowify @TODO add more configuration options: direction, css3 prog enhancement stuff @TODO fix the resizing business (force full screen and prevent resizing || add resize handler to adjust numbers) To use, do something like this: $("img").slideshowify(); or: $.slideshowify({ dataUrl : "http://www.gallerama.com/services/gallery/get.php?gid=2107&versions[]=9", dataType : "jsonp", randomize : true, aniSpeedMin : 6000, aniSpeedMax : 10000, filterFn : function(imgs){ // filter data var fixedImgs = []; $.each(imgs, function(i, img){ fixedImgs.push($.extend(img.versions["9"], {id:img.id})); }); return fixedImgs; }, afterFadeIn : function(curImage){ // do something }, beforeFadeOut : function(curImage){ // do something else } });