flickr.js 956 B

12345678910111213141516171819
  1. /*
  2. This code automatically integrates Flickr thumbnails with Slimbox.
  3. It will scan for all links around thumbnail images pointing to Flickr photo PAGES.
  4. Note that you don't need to add rel="lightbox" to these links.
  5. When clicking on a Flickr thumbnail, Slimbox will open and display the medium-sized image.
  6. The title attribute of the link (or the alt attribute of the thumbnail if not available) will be used
  7. as description text, and a link to the Flickr photo page will be added under the description.
  8. Add the following code to the autoload code block.
  9. */
  10. if (!/android|iphone|ipod|series60|symbian|windows ce|blackberry/i.test(navigator.userAgent)) {
  11. jQuery(function($) {
  12. $("a[href^='http://www.flickr.com/photos/'] > img:first-child[src]").parent().slimbox({}, function(el) {
  13. return [el.firstChild.src.replace(/_[mts]\.(\w+)$/, ".$1"),
  14. (el.title || el.firstChild.alt) + '<br /><a href="' + el.href + '">Flickr page</a>'];
  15. });
  16. });
  17. }