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

miro.mannino

Plugin that allows you to show your Flickr photostream, photosets, galleries, group pools, or tags in your blog, with a very elegant and awesome layout.
Create a gallery with the same style of Flickr or Google+! Awesome thumbnails disposition with a justified grid, calculated by a fast javascript algorithm called <a href="http://miromannino.github.io/Justified-Gallery" title="Justified Gallery" rel="nofollow ugc">Justified Gallery</a>! You can configure the height of the rows to have a grid that can be like the justified grid of Flickr or of Google+. But, you can do more! For example you can configure the margin between the images, create rows with fixed height, or decide if you want to justify the last row or not!
You can also configure a gallery to show photos with a link to Flickr or with a Lightbox (Swipebox or Colorbox).
Always high quality thumbnails! The plugin chooses the right resolution for the images, using the “Flickr size suffixes”, no small images are resized to be bigger and no big images are resized to be smaller! You can create gallery with very large thumbnails!
Remember that this plugin is not an official Flickr® plugin, any help will be greatly appreciated.
<h4>Features:</h4>
<ul>
<li>A gallery with the same layout of Flickr or Google+, configurable as you want.</li>
<li>Fast and light. Also uses a cache to load galleries instantly.</li>
<li>You can show photos from your Flickr photostream, from a photoset, from a gallery, or from a group pool.</li>
<li>You can show all the photos that has some tags.</li>
<li>You can create multiple galleries with different settings, also in the same page.</li>
<li>Customisable image sizes, always with a justified disposition.</li>
<li>Photo titles shown when the mouse is above.</li>
<li>Decide if use a lightbox (Colorbox or Swipebox) to show the original photo, or Flickr.</li>
<li>Customisable style, you need just to change a CSS.</li>
<li>Pagination with SEO friendly URLs. Decide if you want to show the newer photos or not.</li>
<li>Available in English and Italian</li>
</ul>
<h4>Live Demo</h4>
See a Live Demo in <a href="http://miromannino.com/my-photos" rel="nofollow ugc">Miro Mannino’s Blog</a>

Flickr Justified Gallery

Just your beautiful Flickr photos. In a Justified Grid.

Flickr Show vs Flickr Justified Gallery