nuvuscripts

View all our premium WordPress Plugins and Themes: http://nuvuthemes.com
Update 3-5-2012: jQuery script loading changed to fix conflict issues with other plugins.
Create a Flickr slideshow in WordPress – 
Use the Flickr.com API to load flickr photostreams, photo sets and search tags into wordpress photo galleries. Simply insert shortcode into your page or load a widget into your sidebar. 
Requires WordPress 3.0+ and PHP 5.
<pre><code>*Create PhotoStream, Photo Sets and Search Galleries*
*Lightbox styled slideshow with thumbnail bar.*
*Add Unlimited FlickrShow Galleries.*
*Choose how many images to display.*
*Show photo information such as image title, number of views and flickr username*
*Toggle fullscreen.*
*Set Thumbnail sizes and quality*
*Background effects on slideshow close*
</code></pre>
View Demo: http://flickrshow.nrcstudios.info/?page_id=10
Free Version is limited to 10 photos per gallery. 
Get the Unlimted images version with support here: http://nrcstudios.info/index.php/flickrshow-wordpress-plugin 
NEW – Get the Non-Branded(No Flickrshow logos), Unlimited version with support here: http://nrcstudios.info/index.php/flickrshow-wordpress-plugin-nonbranded 
If you use the free version please donate anything – keep my work free.
2-17-2012 Update: Fixed some styling issues in IE. 
*Check out the new Ghost Tags – wordpress animating tag cloud – http://ghostcloud.nrcstudios.info/
<h3>Arbitrary section</h3>
<h3>The Shortcode</h3>
Adding the shortcode to your page. 
e.g.
Add the Flickrshow shortcode to anywhere on your page to display the gallery.
flickrname:
[ flickrshow flickrname=”someones flickr name” num_images=”12″ ]
set_number:
[ flickrshow set_number=”72157626881052206″ num_images=”12″ ]
search:
[ flickrshow search=”paint” num_images=”12″ ]
show_titles:
[ flickrshow flickrname=”someones flickrname” show_titles=”true” num_images=”12″ ]
*title options(“true” or “false” – default is set to “false”).
show_info:
[ flickrshow flickrname=”someones flickrname” show_info=”true” num_images=”22″ ]
*This option will show the pictures owner username, total views and title in the lightbox header. options are(“true” or “false” – default is set to “true”).
thumb_size:
[ flickrshow search=”paint” thumb_size=”square” num_images=”32″ ]
*This option will set the size of the thumbnail images.
options are(
<pre><code>“square” -(75px 75px)
“thumbnail” -(100px, 66px)
“small” -(240px, 157px)
“medium 500? -(500px, 327px)
“medium 640? -(640px, 418px)
“large” -(original size)
</code></pre>
<ul>
<li>default is set to “square”).</li>
</ul>
image_size: optional
[ flickrshow search=”paint” thumb_size=”square” image_size=”large” num_images=”32″ ]
*This option will set the size of the main image loaded. The actual displayed image size is set through the flickrshow.css file but you may set this option to tweak the image quality. By default this option is set to large. This means that the original size is loaded but the css sets the display to a set size. If you know the size of the images you may want to set this to the closest size that matches the actual image to scale back on image sizes thus dropping the loading times required to load the images. If you want your images to be a medium 500 size then set the image_size option to be “medium 500? and then set the .limage{width:900px; height: 500px; } in flickrshow.css line 2 to match the width and height of medium 500(500px 327px). 
If you do not feel comfortable editing the css then simply leave this option as default and your pictures will use the default settings.
options are(
<pre><code>“square” -(75px 75px)
“thumbnail” -(100px, 66px)
“small” -(240px, 157px)
“medium 500? -(500px, 327px)
“medium 640? -(640px, 418px)
“large” -(original size)
</code></pre>
<ul>
<li>default is set to “square”).</li>
</ul>
Putting it all together:
example one – flickrname photostream showing title and photo info for 100 images and setting the thumbnail size to thumbnail(100px x 66px): 
[ flickrshow flickrname=”someones flickrname” show_info=”true” show_titles=”true” thumb_size=”thumbnail” num_images=”100″ ]
example two – showing a set with title and photo info, setting the thumbnail size to small and showing 50 images: 
[ flickrshow flickrname=”someones flickrname” show_info=”true” show_titles=”true” thumb_size=”small” num_images=”50″ ] 
Option defaults:
<pre><code>flickrname = ‘null’
search = ‘null’
num_images = ’100'
thumb_size = ‘Thumbnail’
image_size = ‘Large’
set_number = ‘null’
show_info = ‘false’
show_titles = ‘false’
preload_img = ‘false’
</code></pre>
div_height 
This option will set the height of each gallery div. Setting this height option when inserting into a page with other content ensures that the other content will be cleared by the gallery div container.
example:[ flickrshow flickrname=”someones flickrname” show_info=”true” show_titles=”true” thumb_size=”thumbnail” num_images=”100″ div_height=”300px”]
<h3>Loading jQuery before plugins</h3>
The correct way to load jQuery into your theme is to load it prior to all plugins being loaded. Having said this know that the plugin loads jQuery seperately in case your theme is not set to load jQuery. To load jQuery from the theme instead of the plugin do the following changes to your theme and plugin files.
Step One: Open your themes functions.php file and add the following code anywhere on the page: 
if( !is_admin()){ 
wp_deregister_script(‘jquery’); 
wp_register_script(‘jquery’, (“http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js”), false, ‘1.3.2’); 
wp_enqueue_script(‘jquery’); 
}
Step Two: Open the flickrshow.php file and comment out or delete the echo script line on line 28 by adding two backslashes before it (“//”))
// echo “<script type=’text/javascript’ src=’https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js’></script> ” ;
*Step Three: Upload the saved files to your server.
This will load jQuery into your theme before any plugins get loaded on the page thus eliminating the need for each plugin to load jQuery. 
When each plugin loads different versions of jQuery on the page this creates compatability issues and will cause your plugins to not work correctly. I seriously suggest the users of FlickrShow to use this method of including jQuery on the page.

Flickr Show

fkfaisalkhan007

zish

Pathhan

Sharik Khan

mohammadhanif

Alexander

A WP Life

FARAZFRANK

Animated Live Wall lets you build stunning gallery walls where images switch and animate with smooth CSS effects. Whether you want to showcase your artwork, display an Instagram feed, or create an eye-catching Flickr gallery, this gallery tool makes it simple.
Free Version Demo: <a href="https://awplife.com/demo/animated-live-wall-free-wordpress-plugin/" rel="nofollow ugc">Animated Live Wall Gallery</a> 
Pro Version Demo: <a href="https://awplife.com/demo/animated-live-wall-premium/" rel="nofollow ugc">Animated Live Wall Gallery Premium</a> 
More About Pro: <a href="https://awplife.com/wordpress-plugins/animated-live-wall-premium/" rel="nofollow ugc">Check Pro Details</a> 
Where To Buy: <a href="https://awplife.com/wordpress-plugins/animated-live-wall-premium/" rel="nofollow ugc">Buy Animated Live Wall Gallery Premium</a>
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/27nMZma9x78?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
The gallery supports both grid and masonry layouts, giving you flexibility in how your photos appear on the page. Each gallery comes with a built-in lightbox for full-size image viewing, and the entire design adapts smoothly to different screen sizes.
<h4>Free Features</h4>
<ul>
<li>Unlimited gallery images and videos</li>
<li>Grid layout with animated image switching</li>
<li>Masonry layout for varied image sizes</li>
<li>Smooth CSS animation effects (fade, scale, hide/show)</li>
<li>Built-in responsive lightbox</li>
<li>Instagram feed integration</li>
<li>Flickr feed integration</li>
<li>Adjustable column layouts</li>
<li>Multiple thumbnail size options</li>
<li>Gap control between images</li>
<li>Custom image titles</li>
<li>Link option for images (same or new window)</li>
<li>Loading icon/preloader</li>
<li>Custom CSS field for advanced styling</li>
<li>Shortcode support for easy embedding</li>
</ul>
<h4>Pro Features</h4>
<ul>
<li>All free features included</li>
<li>Grid layout with 15+ animation effects</li>
<li>Mosaic layout option</li>
<li>Justify layout option</li>
<li>Animation speed control</li>
<li>Animation interval settings</li>
<li>Max step control (animate 1-100 photos at a time)</li>
<li>Set specific images to never switch</li>
<li>Gap range from 0 to 15px</li>
<li>Fixed square cropped images for lightbox</li>
<li>Instagram caption display on photos</li>
<li>Instagram icon overlay on photos</li>
<li>Ajax load more pagination</li>
<li>Customizable load more button colors</li>
<li>Enhanced loading performance</li>
</ul>
<h4>Gallery Layouts</h4>
Grid Layout 
The grid layout arranges images in uniform rows and columns with matching sizes. When your gallery has more images than grid cells, the remaining photos cycle through the grid with animation effects. For example, a 5×4 grid with 50 images will display 20 at a time while the other 30 rotate in randomly.
Masonry Layout 
Masonry positions images in a Pinterest-style vertical arrangement. Images flow naturally without fixed row heights, making efficient use of page space. This layout works well for photos with different aspect ratios.
<h4>Social Feed Integration</h4>
Instagram Feed 
Connect your Instagram account and display your feed directly on any page. The gallery fetches your Instagram photos automatically and displays them in your chosen layout style.
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/IEXDGIeIq_8?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
Flickr Feed 
Pull your Flickr photos into the gallery using your API key and user ID. Display your Flickr albums in grid or masonry format with full lightbox support.
<h4>Lightbox</h4>
Every gallery includes a responsive lightbox that opens images in a larger popup view. The lightbox supports keyboard navigation, transition effects, and also plays YouTube and Vimeo videos. Navigation arrows let visitors browse through the entire gallery without closing the popup.
<h4>Shortcode Usage</h4>
After creating your gallery, simply copy the shortcode and paste it into any page, post, or text widget. The gallery appears wherever you place the shortcode.

Animated Live Wall Gallery

Create animated gallery walls with image-switching effects. Display photos from Instagram, Flickr, or media uploads.

Flickr Show vs Animated Live Wall Gallery