nuvuscripts

<p>View all our premium WordPress Plugins and Themes: <strong>http://nuvuthemes.com</strong></p>
<p><em>Update 3-5-2012: jQuery script loading changed to fix conflict issues with other plugins.</em></p>
<p><strong>Create a Flickr slideshow in WordPress</strong> –<br />
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.<br />
Requires WordPress 3.0+ and PHP 5.</p>
<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>
<p>View Demo: <strong>http://flickrshow.nrcstudios.info/?page_id=10</strong></p>
<p><em>Free Version is limited to 10 photos per gallery.</em><br />
<em>Get the Unlimted images version with support here:</em> <strong>http://nrcstudios.info/index.php/flickrshow-wordpress-plugin</strong><br />
<em>NEW – Get the Non-Branded(No Flickrshow logos), Unlimited version with support here:</em> <strong>http://nrcstudios.info/index.php/flickrshow-wordpress-plugin-nonbranded</strong><br />
<em>If you use the free version please donate anything – keep my work free.</em></p>
<p>2-17-2012 Update: Fixed some styling issues in IE.<br />
*Check out the new Ghost Tags – wordpress animating tag cloud – <strong>http://ghostcloud.nrcstudios.info/</strong></p>
<h3>Arbitrary section</h3>
<h3>The Shortcode</h3>
<p><strong>Adding the shortcode to your page.</strong><br />
e.g.</p>
<p>Add the Flickrshow shortcode to anywhere on your page to display the gallery.</p>
<p><em>flickrname:</em></p>
<p>[ flickrshow flickrname=”someones flickr name”  num_images=”12″ ]</p>
<p><em>set_number:</em></p>
<p>[ flickrshow set_number=”72157626881052206″  num_images=”12″ ]</p>
<p><em>search:</em></p>
<p>[ flickrshow search=”paint”    num_images=”12″ ]</p>
<p><em>show_titles:</em></p>
<p>[ flickrshow flickrname=”someones flickrname” show_titles=”true”  num_images=”12″ ]</p>
<p>*title options(“true” or “false” – default is set to “false”).</p>
<p><em>show_info:</em></p>
<p>[ flickrshow  flickrname=”someones flickrname”  show_info=”true”  num_images=”22″ ]</p>
<p>*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”).</p>
<p><em>thumb_size:</em></p>
<p>[ flickrshow search=”paint” thumb_size=”square” num_images=”32″ ]</p>
<p>*This option will set the size of the thumbnail images.</p>
<p>options are(</p>
<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>
<p><em>image_size: optional</em></p>
<p>[ flickrshow search=”paint” thumb_size=”square” image_size=”large” num_images=”32″ ]</p>
<p>*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).<br />
If you do not feel comfortable editing the css then simply leave this option as default and your pictures will use the default settings.</p>
<p>options are(</p>
<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>
<p><em>Putting it all together:</em></p>
<p>example one – flickrname photostream showing title and photo info for 100 images and setting the thumbnail size to thumbnail(100px x 66px):<br />
[ flickrshow flickrname=”someones flickrname” show_info=”true” show_titles=”true” thumb_size=”thumbnail” num_images=”100″ ]</p>
<p>example two – showing a set with title and photo info, setting the thumbnail size to small and showing 50 images:<br />
[ flickrshow flickrname=”someones flickrname” show_info=”true” show_titles=”true” thumb_size=”small” num_images=”50″ ]<br />
Option defaults:</p>
<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>
<p><em>div_height</em><br />
<em>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.</em></p>
<p>example:[ flickrshow flickrname=”someones flickrname” show_info=”true” show_titles=”true” thumb_size=”thumbnail” num_images=”100″ div_height=”300px”]</p>
<h3>Loading jQuery before plugins</h3>
<p>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.</p>
<p>Step One: Open your themes functions.php file and add the following code anywhere on the page:<br />
<strong>if( !is_admin()){<br />
wp_deregister_script(‘jquery’);<br />
wp_register_script(‘jquery’, (“http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js”), false, ‘1.3.2’);<br />
wp_enqueue_script(‘jquery’);<br />
}</strong></p>
<p>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 (“//”))</p>
<p>// echo “<script type=’text/javascript’ src=’https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js’></script> ” ;</p>
<p>*Step Three: Upload the saved files to your server.</p>
<p>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.<br />
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.</p>


Flickr Show

Sayontan Sinha

<p>Photonic takes the WordPress gallery and super-charges it with a lot of added functionality. It adds support for several new sources and parameters to enhance the content and look-and-feel of your galleries. It supports <a href='https://flickr.com' rel="nofollow ugc">Flickr</a> photos, Albums (Photosets), Galleries and Collections, along with <a href='https://smugmug.com' rel="nofollow ugc">SmugMug</a> folders, albums and images, and <a href='https://zenfolio.com' rel="nofollow ugc">Zenfolio</a> photos, Photosets and Groups. You can also set up authentication so that visitors can see private and protected photos from each provider.</p>
<p>When used without the Gutenberg editor Photonic by default overrides the <code>gallery</code> shortcode. In case you happen to be using a theme or plugin that already overrides the <code>gallery</code> shortcode, Photonic provides you with the option to use your own shortcode for Photonic galleries. This lets your plugins coexist. Bear in mind that if you deactivate Photonic you will have to remove all instances of this custom shortcode, something that is not required if you stick to the <code>gallery</code> shortcode.</p>
<p>When used with Gutenberg Photonic creates no shortcodes, rather it creates blocks. If some of your posts were written with Gutenberg and some without, Photonic supports both scenarios.</p>
<h3>Lightboxes</h3>
<p>Of all plugins free or paid, Photonic has support built in for the highest number of lightbox scripts. This includes scripts that run on pure JavaScript without relying on external libraries, or those that require jQuery.</p>
<h4>Pure JS Libraries</h4>
<ul>
<li><a href='https://feimosi.github.io/baguetteBox.js/' rel="nofollow ugc">BaguetteBox</a></li>
<li><a href='https://henrygd.me/bigpicture/' rel="nofollow ugc">BigPicture</a></li>
<li><a href='https://biati-digital.github.io/glightbox/' rel="nofollow ugc">“Gie” Lightbox (GLightbox)</a></li>
<li><a href='https://www.lightgalleryjs.com/' rel="nofollow ugc">LightGallery</a></li>
<li><a href='https://github.com/dimsemenov/PhotoSwipe/tree/v4.1.3' rel="nofollow ugc">PhotoSwipe v4</a></li>
<li><a href='https://photoswipe.com/' rel="nofollow ugc">PhotoSwipe v5</a></li>
<li><a href='https://nextapps-de.github.io/spotlight/' rel="nofollow ugc">Spotlight</a></li>
<li><a href="https://veno.es/venobox/" rel="nofollow ugc">VenoBox</a></li>
</ul>
<h4>jQuery Based Libraries</h4>
<ul>
<li><a href='https://jacklmoore.com/colorbox/' rel="nofollow ugc">Colorbox</a></li>
<li><a href='https://fancyapps.com/fancybox/' rel="nofollow ugc">Fancybox2</a> – not GPL, so the script is not included with the plugin. See the <a href='https://aquoid.com/plugins/photonic/third-party-lightboxes/' rel="nofollow ugc">Lightboxes</a> page for details</li>
<li><a href='https://fancyapps.com/fancybox/3/' rel="nofollow ugc">Fancybox3</a></li>
<li><a href='https://noelboss.github.io/featherlight/' rel="nofollow ugc">Featherlight</a></li>
<li><a href='https://osvaldas.info/image-lightbox-responsive-touch-friendly' rel="nofollow ugc">Image Lightbox</a></li>
<li><a href='https://cornel.bopp-art.com/lightcase/' rel="nofollow ugc">Lightcase</a></li>
<li><a href='http://www.stripjs.com' rel="nofollow ugc">Strip</a></li>
<li><a href='https://brutaldesign.github.io/swipebox/' rel="nofollow ugc">Swipebox</a></li>
<li>Thickbox</li>
</ul>
<h4>Obsolete Libraries</h4>
<ul>
<li><a href='http://fancybox.net/' rel="nofollow ugc">Fancybox 1</a> – no update since November 2010</li>
<li><a href='http://dimsemenov.com/plugins/magnific-popup/' rel="nofollow ugc">Magnific Popup</a> – no update since February 2016</li>
<li><a href='http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/' rel="nofollow ugc">PrettyPhoto</a> – no update since May 2015</li>
</ul>
<p>For the non-GPL alternatives like <a href='https://fancyapps.com/fancybox/' rel="nofollow ugc">Fancybox2</a> and the obsolete libraries, Photonic has code to work with them, but you have to install the scripts yourself or rely on them from your theme or another plugin.</p>
<p>With the exception of Thickbox the lightboxes have been adapted to become touch and gesture-friendly. See the <a href='https://aquoid.com/plugins/photonic/third-party-lightboxes/' rel="nofollow ugc">Lightboxes</a> page for details.</p>
<h3>Support for Multiple Platforms</h3>
<h4>Flickr</h4>
<p>The following Flickr concepts are supported in Photonic:</p>
<ul>
<li><a href='https://aquoid.com/plugins/photonic/flickr/flickr-photos/' rel="nofollow ugc">Photos</a></li>
<li><a href='https://aquoid.com/plugins/photonic/flickr/flickr-photosets/' rel="nofollow ugc">PhotoSets (Albums)</a></li>
<li><a href='https://aquoid.com/plugins/photonic/flickr/flickr-galleries/' rel="nofollow ugc">Galleries</a></li>
<li><a href='https://aquoid.com/plugins/photonic/flickr/flickr-collections/' rel="nofollow ugc">Collections</a></li>
<li><a href='https://aquoid.com/plugins/photonic/flickr/flickr-photo/' rel="nofollow ugc">Single Photo</a></li>
<li><a href='https://aquoid.com/plugins/photonic/flickr/flickr-authentication/' rel="nofollow ugc">Authentication</a></li>
</ul>
<p>For demos of Flickr support visit the <a href='https://aquoid.com/plugins/photonic/flickr/' rel="nofollow ugc">Flickr page</a>.</p>
<h4>Google Photos</h4>
<p>Google API Change:** With effect from 31st March 2025, Google’s Photos API is discontinued (see <a href='https://developers.google.com/photos/support/updates' rel="nofollow ugc">here for Google’s official announcement</a>). Consequently, Photonic will stop working for Google Photos**. For more details, see <a href='https://wordpress.org/support/topic/potential-shutdown-of-google-photos-support-from-march-2025/' rel="ugc">this thread</a>. Note that while Google’s official announcement says otherwise, as of 20th April 2025 the API is still working, so older versions of Photonic will seem to work. However, there is no guarantee about when Google will truly shut it off.</p>
<h4>SmugMug</h4>
<p>The following SmugMug concepts are supported in Photonic:</p>
<ul>
<li><a href='https://aquoid.com/plugins/photonic/smugmug/smugmug-tree/' rel="nofollow ugc">User Tree</a></li>
<li><a href='https://aquoid.com/plugins/photonic/smugmug/smugmug-photos/' rel="nofollow ugc">Photos</a></li>
<li><a href='https://aquoid.com/plugins/photonic/smugmug/smugmug-albums/' rel="nofollow ugc">Albums</a></li>
<li><a href='https://aquoid.com/plugins/photonic/smugmug/folders/' rel="nofollow ugc">Folders</a></li>
</ul>
<p>For demos of SmugMug support visit the <a href='https://aquoid.com/plugins/photonic/smugmug/' rel="nofollow ugc">SmugMug page</a>.</p>
<h4>Zenfolio</h4>
<p>The following Zenfolio concepts are supported in Photonic:</p>
<ul>
<li><a href='https://aquoid.com/plugins/photonic/zenfolio/photos/' rel="nofollow ugc">Photos</a></li>
<li><a href='https://aquoid.com/plugins/photonic/zenfolio/photosets/' rel="nofollow ugc">PhotoSets (Galleries and Collections)</a></li>
<li><a href='https://aquoid.com/plugins/photonic/zenfolio/groups/' rel="nofollow ugc">Groups</a></li>
<li><a href='https://aquoid.com/plugins/photonic/zenfolio/group-hierarchy/' rel="nofollow ugc">Group Hierarchies</a></li>
</ul>
<p>For demos of Zenfolio support visit the <a href='https://aquoid.com/plugins/photonic/zenfolio/' rel="nofollow ugc">Zenfolio page</a>.</p>
<h4>Instagram</h4>
<p>In mid-September 2022 Meta / Facebook / Instagram changed its rules to disallow individual developers (i.e. developers not operating as a business) from meaningfully using its API. As a result, Photonic no longer works for Instagram photos. The code is still in place though, and can be used by someone with a business wishing to adopt it.</p>
<h4>Native WordPress Galleries</h4>
<p>Your existing galleries are left intact. However you can add a <code>style</code> parameter to a native gallery to open it up to Photonic. The <code>style</code> parameter can take any of the values documented on the <a href='https://aquoid.com/plugins/photonic/layouts/' rel="nofollow ugc">Layouts</a> page.</p>
<h3>Other Photonic Goodies</h3>
<h4>Gallery Wizard</h4>
<p>The WordPress Classic editor shows up with a button that says “Add / Edit Photonic Gallery”. Clicking on it launches a wizard that helps you interactively build out a gallery with just a few clicks.</p>
<h4>Gutenberg Support</h4>
<p>The Gallery Wizard can be accessed via Gutenberg / the Block Editor as well. While creating a block, just look for Photonic. Please refer to the <a href='https://aquoid.com/plugins/photonic/gutenberg-support/' rel="nofollow ugc">documentation</a>.</p>
<h4>Video Support</h4>
<p>Photonic provides gallery and lightbox support for <a href='https://aquoid.com/plugins/photonic/videos/' rel="nofollow ugc">videos as well</a>. Videos of the following sorts are supported:</p>
<ul>
<li>External videos from YouTube or Vimeo can be opened in any of the lightboxes apart from Image Lightbox, Thickbox or BaguetteBox</li>
<li>Self-hosted or external videos in MP4 formats can be opened in any of the lightboxes apart from Image Lightbox, PrettyPhoto, Strip or Thickbox</li>
<li>Videos hosted by external service providers (Flickr, SmugMug etc.) can be opened as a part of a gallery in any of the lightboxes apart from Image Lightbox, PrettyPhoto, Strip or Thickbox. Some lightboxes have issues with specific features. Please refer to the <a href='https://aquoid.com/plugins/photonic/third-party-lightboxes/' rel="nofollow ugc">Lightboxes</a> documentation for more.</li>
</ul>
<h4>Deep-Linking and Social Sharing</h4>
<p>Photonic provides deep-linking support for non-WP images, and by extension, supports social sharing to Facebook, Twitter and Pinterest.</p>
<h4>Beautiful Layouts</h4>
<p>Photonic displays your galleries in multiple forms:</p>
<ul>
<li>A grid of square thumbnails (the default)</li>
<li>A grid of circular thumbnails (like Jetpack)</li>
<li>A neat justified grid</li>
<li>A masonry layout</li>
<li>A “horizontal” masonry layout, for those who prefer having their masonry layouts sorted horizontally</li>
<li>A tiled, random mosaic (a much improved variant of the Jetpack Tiled Gallery layout)</li>
<li>A slideshow, using the <a href='https://splidejs.com' rel="nofollow ugc">Splide</a> script</li>
</ul>
<p>See the <a href='https://aquoid.com/plugins/photonic/layouts/' rel="nofollow ugc">Layouts</a> documentation page for details and examples.</p>
<h3>Obsessively Comprehensive Documentation (OCD)</h3>
<p>Photonic’s <a href='https://aquoid.com/plugins/photonic/photonic-documentation/' rel="nofollow ugc">documentation</a> is comprehensive to the point of obsession. And yet, if you find something missing, please feel free to get in touch via the support forum.</p>


Photonic Gallery & Lightbox for Flickr, SmugMug & Others

This free gallery plugin works very well with the Media Library Assistant. I prefer the dynamic MLA shortcode over the fixed pre-selection of images. The resulting carousels look great. Best of all, this plugin is free.

The support by the developer is very quick and friendly. He looked almost immediately at my support ticket and it was solved within an hour.

Great and free carousel slider

Galleries on steroids! A stylish lightbox & gallery plugin for WP, Flickr, SmugMug and Zenfolio photos and videos.

Flickr Show vs Photonic Gallery & Lightbox for Flickr, SmugMug & Others