=== Blip Slideshow === Contributors: jasonhendriks Donate link: http://www.jasonhendriks.com/programmer/blip-slideshow/ Tags: slideshow, media, rss, mrss, feed, feeds, photograph, picture, photo, image, smugmug, flickr, javascript, mootools, slideshow2, lightbox, slimbox Requires at least: 2.8 Tested up to: 3.1.1 Stable tag: 0.3 A WordPress slideshow plugin fed from a SmugMug or Flickr RSS feed and displayed using pure Javascript. == Description == A WordPress slideshow plugin fed from a **SmugMug** or **Flickr** RSS feed and displayed using pure Javascript. Blip does not hardcode what it finds into your blog. Instead the most recent images are loaded in real-time by the user's web browser. See it in live use at my wedding photography website. Development began 2011-04-11. [Feedback is welcome](http://wordpress.org/tags/blip-slideshow?forum_id=10). == Installation == 1. Download Blip 1. Unzip and upload the resulting folder to the '/wp-content/plugins/' directory 1. Activate the plugin through the 'Plugins' menu in WordPress 1. Place the [slideshow] shortcode in your posts and/or pages **Detailed examples for use can be found at [The Blip homepage](http://www.jasonhendriks.com/programmer/blip-slideshow/)** *As a simple slideshow:* >[slideshow rss=feed://www.smugmug.com/hack/feed.mg?Type=popular&Data=all&format=rss200&Size=Small] *As a slideshow with thumbs and captions:* >[slideshow captions=true thumbnails=true rss=feed://www.smugmug.com/hack/feed.mg?Type=popular&Data=all&format=rss200&Size=Small] == Frequently Asked Questions == = What are the main features? = * Reads SmugMug and Flickr Media RSS Feeds * Supports multiple slideshows in a single post/page * Supports Lightbox plugin functionality ([Lightbox Plus](http://wordpress.org/extend/plugins/lightbox-plus/), [Slimbox](http://wordpress.org/extend/plugins/slimbox/) and [WP-Slimbox2](http://wordpress.org/extend/plugins/wp-slimbox2/)) = How does it work? = Blip is a wrapper for [MooTools Slideshow 2!](http://www.electricprism.com/aeron/slideshow/ 'Javascript MooTools Slideshow') by Aeron Glemann with some nifty client-side RSS-reading magic. If you like Blip, please show your support to him. = Are there known issues? = Though MooTools is used in compatibility mode and will function with most Javascript frameworks including jQuery, it will break if script.aculo.us is loaded on your page, for example by [Lightbox 2](http://wordpress.org/extend/plugins/lightbox-2/). Use [Slimbox](http://wordpress.org/extend/plugins/search.php?q=slimbox) plugins instead. = What is Media RSS? = Media RSS (MRSS) is an RSS extension used for syndicating multimedia files (audio, video, image) in RSS feeds. Like your WordPress RSS news feed, media RSS lists pictures instead of articles from websites like *Flickr* and *SmugMug*. = Where can I find my SmugMug RSS feed URL? = SmugMug has a [Help](http://www.smugmug.com/help/rss-atom-feeds "How to subscribe to RSS feeds") page and some [examples](http://wiki.smugmug.net/display/SmugMug/Feeds+Examples). = Where can I find my Flickr RSS feed URL? = Flickr has a [Help](http://www.flickr.com/get_the_most.gne#rss "How to use RSS and Atom Feeds") page. Also worth checking out is DeGrave.com's [Flickr RSS Feed Generator](http://www.degraeve.com/flickr-rss/). == Screenshots == 1. This screen shot description corresponds to screenshot-1.(png|jpg|jpeg|gif). Note that the screenshot is taken from the directory of the stable readme.txt, so in this case, `/tags/4.3/screenshot-1.png` (or jpg, jpeg, gif) 2. This is the second screen shot == Changelog == = 0.4.1 = * version 0.4 was released on WordPress.org prematurely * @TODO When multiple slideshows per page are attached to Slimbox, they crash on slideshow resume * @TODO [click slimbox image and close](http://stackoverflow.com/questions/5527419/how-to-modify-slimbox-to-close-by-clicking-on-expanded-image) = 0.4 = * Compatible with plugin [Lightbox Plus](http://wordpress.org/extend/plugins/lightbox-plus/) * Integration with Colorbox! Use link=lightbox and add a compatible plugin * Removed CSS stlye background-color from slideshow-thumbnails-hidden, slideshow-thumbnails-inactive and slideshow-thumbnails-active. Overriding this inline was not working. * Fixed bug where only one lightbox was working in posts with multiple slideshows * Fixed bug in parsing SmugMug thumbnails that aren't square * For link=full or link=lightbox, will download SmugMug images that are smaller than the viewport * Scripts and CSS are no longer loaded on pages that don't use Blip = 0.3 = * Release date: 2011-04-19 * Tested in Safari 5/OS X, Firefox 3/OS X, IE 8/WinXP * Removed blip.css * Compatible with Flickr RSS feeds * Compatible with plugin [WP-Slimbox2](http://wordpress.org/extend/plugins/wp-slimbox2/) * Compatible with plugin [Slimbox](http://wordpress.org/extend/plugins/slimbox/) * Integration with Lightbox! w00t! Use new link=lightbox option and add a compatible plugin * Fixed link boolean options * Fixed resize boolean options = 0.2 = * Release date: 2011-04-18 * Tested in Safari 5/OS X, Firefox 3/OS X, IE 8/WinXP * Bundled with Slideshow-1.3.1.110417 * Fixed the way SmugMug thumbnails are found (by height=100px). * new shortcode options: center, link and resize. * added JSON encoding of options for those that might include Javascript characters such as ' and / * added a CDATA section to the Javascript call for proper parsing and XHTML validation * Moved hyperlinking code from slideshow.js to blip.php (see http://code.google.com/p/slideshow/issues/detail?id=192) = 0.1.1 = * Release date: 2011-04-16 * Tested in Safari 5/OS X, Firefox 3/OS X, IE 8/WinXP * Enabled hyperlinking via the href and linked properties * Switch to SmugMug's tiny images (100x100) from thumb images (150x150) for thumbnails * Added a loader[true/false] property to the shortcode to control display of the loader icon * Added CSS to override Slideshow's bottom:50px in the slideshow-thumbnail DIV = 0.1 = * Release date: 2011-04-16 * Tested in Safari 5/OS X, Firefox 3/OS X, IE 8/WinXP * Compatible with SmugMug RSS feeds * Development began: 2011-04-11 * Bundled with Slideshow-1.3.1 == Upgrade Notice == = 0.3 = Thanks for beta testing! Now with Slimbox and Flickr support = 0.2 = Thanks for beta testing! New options! center, link and resize. = 0.1.1 = Thanks for beta testing! Various enhancements are ready. = 0.1 = The first version. Yay! == Plugin Compatibility == * [Slimbox](http://wordpress.org/extend/plugins/slimbox/): OK * [WP Slimbox Reloaded](http://wordpress.org/extend/plugins/wp-slimbox-reloaded/): failed - coded for MooTools 1.2, not MooTools 1.3 * [Slimbox Plugin](http://wordpress.org/extend/plugins/slimbox-plugin/): failed - hardcoded the mootools API, which is a no-no * [WP-Slimbox2 Plugin](http://wordpress.org/extend/plugins/wp-slimbox2/): OK * [SlimBox2 for WordPress](http://wordpress.org/extend/plugins/slimbox2-for-wordpress/): failed - "Can't find variable: jQuery" * [Lightbox 2.0 for WordPress](http://zeo.unic.net.my/lightbox2-for-wordpress/): - failed - Blip is currently incompatible with Scriptaculous == Resources == Some information I found invaluable for this project: * http://groups.google.com/group/mootools-users/browse_thread/thread/4858bdee5b1d0f56/d6ad5aa2fcc99dba?fwc=1 * http://mootools.net/docs/more/Request/Request.Queue * http://mootools.net/demos/?demo=Slick.Finder * http://mootools-users.660466.n2.nabble.com/Moo-XML-parsing-1-3-and-today-td5187586.html * https://gist.github.com/775347 * http://www.regular-expressions.info/javascript.html * https://mootools.lighthouseapp.com/projects/2706/tickets/182-request-html-only-parses-xml * http://ryanflorence.com/mootools-class/ * http://stackoverflow.com/questions/1178511/accessing-a-mootools-class-method-from-outside-the-class * http://stackoverflow.com/questions/1091022/how-do-i-write-a-simple-php-transparent-proxy * http://www.howtogeek.com/howto/programming/php-get-the-contents-of-a-web-page-rss-feed-or-xml-file-into-a-string-variable/ * http://www.tek-tips.com/viewthread.cfm?qid=1268652&page=1 * http://www.permadi.com/tutorial/urlEncoding/ * http://php.net/manual/en/function.parse-url.php * http://php.net/manual/en/language.operators.comparison.php * http://www.php.net/manual/en/function.html-entity-decode.php * http://www.w3schools.com/PHP/php_sessions.asp * http://keetology.com/blog/2009/10/27/up-the-moo-herd-iv-theres-a-class-for-this * http://stackoverflow.com/questions/66837/when-is-a-cdata-section-necessary-within-a-script-tag * http://groups.google.com/group/mootools-slideshow/browse_thread/thread/9b10474b60cf7f1a/564f16f97c82167a?lnk=gst&q=slimbox#564f16f97c82167a * http://codex.wordpress.org/Managing_Plugins * http://groups.google.com/group/mootools-slideshow/browse_thread/thread/cdeededf62e6b458/f4df7e2cabb12f59?lnk=gst&q=lightbox#f4df7e2cabb12f59 * http://scribu.net/wordpress/optimal-script-loading.html