FlickrShow Demo

◑ Sunniva Trana

Cannot find flickr photo's.

◑ CubaGallery – With Watermark Overlay

◑ O2CHI – Portraits

◑ Example Shortcode

[ flickrshow set_number="72157622754774599" scale="1.4" popout_speed="1" image_size="Medium 640" larger_image_set="3" larger_images="2" larger_random="false" larger_images_multiplier="2" thumb_size="custom" width="18%" num_images="20" margin="5"]

Build an interactive picture wall from your Flickr images.

  • Create Gallery from User Photostream, Set Number or Search Term
  • Inview hide and show animation.
  • Popout scaling animation on image mouseover with alternating slight rotate animation of images for dramatic effect(Most browser support).
  • Masonry layout.
  • Pure CSS3 animations on inview load and on mouseover.
  • Optional Watermark over images on image mouseover.
  • Set larger images(static or random).
  • Title, author, views count visible information.
  • Customized prettyPhoto lightbox slideshow.
  • Photo caching for performance.
  • Shortcode options include:scale, popout_speed, image_size, thumb_size, width, num_images, margin, larger_images, larger_image_set, larger_random, larger_images_multiplier, set_number, flickrname, search, cache, cache_duration, visible_at_start, watermark_url, social_icons, sort, group.
  • Fully Responsive relayout and sizing.
  • Social Share Buttons(Firefox, IE9+, Safari) – Not on mobile browsers.
  • Mobile browser support

Side Note: If you are loading a bunch of large images and it takes a while for page loads this is normal. Even with image caching it takes a while for any server to load several images at once. Please do not complain about load times. Every step has been taken to improve image loading times.

Credits:

  • Code – jquery.masonry, jquery.prettyPhoto, jquery.inview, phpflickr
  • Flickr images – Sunniva Trana, o2chi, CubaGallery