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

A WP Life

Alexander

Sharik Khan

Pathhan

fkfaisalkhan007

mohammadhanif

FARAZFRANK

zish

If you want to show your artwork or Instagram & Flickr Feed with a great looking animated gallery or you want to display your photo feeds from social platforms like Instagram and Flickr then Animated live wall is a perfect solution for you. It can show your Album of feed on any page with an eye catchy animated layout. 
The animated live wall can create animated switching photos with CSS animation like fade, scale, hide show with a specific time interval. 
You can also show your Instagram gallery or Flickr feed with masonry layout.
<iframe loading="lazy" title="How To Create Auto Animated Gallery - Animated Live Wall Free WordPress Plugin" width="750" height="422" src="https://www.youtube.com/embed/27nMZma9x78?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
Animated live wall also comes with a beautiful Lightbox which can show your gallery in a larger popup mode.
Animated live wall is a great responsive gallery that works according to your devices display resolution i.e. it can adjust its size automatically according to screen size. The plugin allows you to select from different thumbnail sizes and column sizes. Not only images, but you can also add video, text, and link to your animated wall.
This WordPress plugin allows you to change image titles with ease, you can also select from “gap” and “no gap” option to display or hide spaces between your media. Custom CSS field is also provided for advanced users so they can make changes according to yo their requirement and needs.
<ul>
<li><a href="https://awplife.com/demo/animated-live-wall-free-wordpress-plugin/" rel="nofollow ugc">Free Version Demo</a></li>
<li><a href="https://awplife.com/demo/animated-live-wall-premium/" rel="nofollow ugc">Pro Version Demo</a></li>
<li><a href="https://awplife.com/wordpress-plugins/animated-live-wall-premium/" rel="nofollow ugc">Upgrade</a></li>
<li><a href="https://wordpress.org/support/plugin/animated-live-wall" rel="ugc">Support</a></li>
</ul>
Plugin Features:
<ul>
<li>Add unlimited amount of gallery content</li>
<li>Image / video option for gallery content / project</li>
<li>Grid and Masonry views </li>
<li>Multiple switching image animation options</li>
<li>Fully responsive</li>
<li>Loading icon</li>
<li>Title option</li>
<li>Lightbox option</li>
<li>Photo/video URLs</li>
<li>Column layout option</li>
<li>Thumbnail / Image size option</li>
<li>Gap option between images</li>
<li>Link redirection option</li>
<li>Add photo galleries to a Post/Page with short-code</li>
<li>Instagram feed option</li>
<li>Flickr feed option</li>
<li>Social redirection option</li>
<li>Beautiful user interface</li>
<li>Custom CSS field</li>
<li>Fast & friendly support</li>
</ul>
Pro Feature
<ul>
<li>Fully responsive – compatible with all devices </li>
<li>Multiple Layout with Mosaic and Masonry</li>
<li>Grid – Live switching animation – +15 animation effect </li>
<li>Grid – Max Step (Choose how many photos you want to animate at a time ( grid layout ) Range 1 to 100)</li>
<li>Grid – Animation speed ( Change animation speed of switching the photos)</li>
<li>Grid – Animation interval of changing the photos </li>
<li>Grid – No change photos (You can set the images by there ID that never be switched)</li>
<li>Change the image gap with a range between 0 to 15px</li>
<li>Fixed square cropped Images option for lightbox </li>
<li>Column layout</li>
<li>Thumbnail Size option</li>
<li>Hover effect – Beautiful hover effect with great transition</li>
<li>Multi Layout option with Instagram & Flickr feed</li>
<li>Preloader effect </li>
<li>Load More option </li>
<li>Fast loading on the page</li>
<li>Show your portfolio also</li>
<li>Loading limit option available</li>
</ul>
Animation Grid Live
Showcase your images with a great looking animated grid gallery that switches images with a specific time interval. Animated live wall gallery sets a list of images and defines the number of columns and rows which arrange the images into a grid layout. 
This grid changes its objects with different animation effects like fade, scale, hide show. In the live animated grid, gallery sets images in a grid layout or masonry arrangement that can resize itself according to your devices.
When you create your photo gallery with a greater number of images than your grid size, an animated gallery will be created according to row and columns you select and remaining images will be left to be switched with elements of the grid. That means if you have 50 images and define a 5×4 grid, the remaining 30 images will replace your grid images randomly one by one and so on.
Multi Layouts
You can show your image also in masonry layout. Masonry is an arrangement where you can show your images with uneven vertical or horizontal layout. Layout option will also work with Instagram and Flickr feed
Instagram Feed
<iframe loading="lazy" title="How to get your Instagram Access Token: A Step-By-Step Guide | generate the Instagram Access Token" width="750" height="422" src="https://www.youtube.com/embed/IEXDGIeIq_8?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
Instagram Feed is a place where you can share and connect with the people and things you care about. When you open Instagram or refresh your feed, the photos and videos we think you care about most will appear towards the top of your feed. … All posts from accounts you follow on Instagram will appear in your feed. 
Showcase your Instagram feed easily with Animated live wall, it automatically fetches your Instagram feed to your page. It can show your Instagram feed with your desirable layouts like grid or masonry. 
You will find the easiest way to show your Instagram feed in the animated live wall, You can easily generate access token with Pixel Union, 
After generating access token save and publish your gallery and you can show your Instagram stories in a beautiful way.
Flickr Feed
Animated live wall can automatically fetch your Flickr feed to any page you want just with the help of shortcode. You can show your Flickr feed with your desirable layouts like grid or masonry. 
If you want to show your Flickr as an animated wall or in other layouts of the gallery. You need your Flickr API key and your Flickr user ID. You can generate your API key and get Flickr user Id with an easy way step by step 
with our blogs. After generated both user ID and API key you need to save it with gallery and show your Flickr feed.
Lightbox
Animated live wall comes with a great looking and responsive Lightbox. Litebox helps the user to display a larger view of the image with a popup. In the lightbox, you can show your images in a beautiful way and 
you can also show your Youtube or Vimeo videos. In the gallery Lightbox, it is a responsive lightbox and it has the transition type. Can be set to “elastic”, “fade”, or “none”. It has both navigation right and left 
and it can also be navigated by the keyboard key. This lightbox is also great for Instagram and Flickr feed.
Link Option
Animated gallery have also “link” option so you can display an external link to your project with your image. You will get the option to open the link into the same or a new window. You can link the images and open with the Lightbox with the same gallery. The links of Instagram and Flickr will automatically work.
Grid
The grid layout is a really popular layout you can show your gallery with a square shape (same image size). It gives a great layout for your gallery. you can set rows and column from the settings. you can also set the spacing limit from the setting. 
The grid is fully responsive that work according to the device type. With responsive, it feels more attractive with a small device. You can also set the image quality of your photos. If you have many photos to show and the gallery takes more time to load because of the high-resolution image then you can set low-resolution photos to fast loading. In the pro version of Animated gallery, you can set pre cropping images also. 
If you want to show your Instagram and Flickr work then it will the best plugin with grid layout.
Masonry
Masonry is also a great layout to show your photos and it positions the image in vertical space. Masonry layout is also a popular layout of them in the gallery. You can also set the spacing between photos and the column size. 
Masonry is responsive it sets images according to the device width. 
The term Masonry layout probably owes its name to the popular jQuery Masonry plugin that is used to generate this type of layout. Masonry layout is also referred to as the Pinterest Style Layout, as www.pinterest.com was the first major website to use this layout style. 
Animated gallery masonry is a grid layout based on columns. Unlike other grid layouts, it doesn’t have fixed height rows. Basically, the Masonry layout optimizes the use of space inside the web page by reducing any unnecessary gaps. Without this type of layout, certain restrictions are required to maintain the structure of the layout. 
Developers and designers are accustomed to seeing web pages laid out with CSS floats. But this common type of layout doesn’t take the size of the elements into consideration. Instead, it adds elements one after another, first in the horizontal direction, then vertically.
Load More
Animated gallery wall plugin has ajax load more option that loads the images or content with a specific limit that user sets. 
AJAX stands for Asynchronous JavaScript and XML. It is a jquery feature used to make webpages faster to use. If they are programmed with AJAX, 
they seem to react faster. They only send small bits of information to the web server. 
That prevent to reload the pages and loads only small parts of it. 
For Instagram and Flickr feed you will find vwery useful ajax load more for save loading time if you have thousends of photos.
Load More Button
You have the option to change the color of the load more button. If you want to more changes then you can change it with the custom CSS option. You will also get a preloader icon with this plugin.
How It WOrks
Animated grid wall is a cross-browser and responsive plugin to help you create many types of grid layouts with nice CSS3 animation effects and call back events. 
this plugin is an all-in-one solution for creating dynamic grid layouts for desktop, mobile, and tablet. 
Based on the width (or height) of a container and the width (height) of a cell unit, It will create a virtual matrix. 
Scanning the matrix at each cell will find a free cell around to make a free area, then try to fit a block element into it. 
In case no block can fit the gap, it will resize the block to fill the gap (that is one of the options).
SHORTCODE
Animated Wall Gallery offers an easy-to-use Insert Gallery, which means you never need to work with shortcodes again when inserting and manageing galleries. You just need to copy and paste gallery shortcode into the gallery. 
It does’t matter wahat you want to show a gallery or your Instagram feed or Flickr Feed. 
If you do want to work with shortcodes, there is a powerful shortcode system as you’d expect of a popular WordPress gallery plugin. 
For more information, feel free to visit the official website for animated live wall gallery.
WORLD CLASS CUSTOMER SUPPORT
Low response time 
We always try to respond within hours or within a day. 
Resolving an issue within 24 hours.
<h3>WordPress Dashboard:</h3>
Install Animated Live Wall Plugin with the following steps-
<ul>
<li>
<ol>
<li>From Your Dashboard Go To Plugins </li>
</ol>
</li>
<li>
<ol>
<li>Search for “Animated Live Wall” after clicking on “Add New” button</li>
</ol>
</li>
<li>
<ol>
<li>Install the plugin</li>
</ol>
</li>
<li>
<ol>
<li>Activate it right away</li>
</ol>
</li>
<li>
<ol>
<li>And find the plugin on your dashboard.</li>
</ol>
</li>
</ul>
After these steps, you can make your desirable gallery/project in a few clicks 
From WordPress.org:
Installation from WordPress.org
<ul>
<li>
<ol>
<li>Download Animated Live Wall on WordPress</li>
</ol>
</li>
<li>
<ol>
<li>Upload to your plugin directory</li>
</ol>
</li>
<li>
<ol>
<li>Activate from the Plugin page </li>
</ol>
</li>
</ul>
Now you are ready to use Animated Live Wall plugin
If you still face any issues <a href="https://www.awplife.com/contact/" rel="nofollow ugc">get in contact</a> with us.

Animated Live Wall – Photo Animation, Feed Gallery Image Change Animation

Animated live wall gallery creates a dynamic photo wall with animated blocks from Instagram, Flickr, or uploaded media.

Flickr Show vs Animated Live Wall – Photo Animation, Feed Gallery Image Change Animation