shrimp2t

<p>See demo: http://shrimp2t.com/gallery-one/</p>
<p><iframe loading="lazy" title="gallery one" width="750" height="563" src="https://www.youtube.com/embed/MpicnbcGsUo?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></p>
<h4>Features</h4>
<ul>
<li>Fully responsive, Touch enabled</li>
<li><strong>Unlimited albums</strong></li>
<li><strong>Unlimited images</strong></li>
<li>Carousel</li>
<li>Gird</li>
<li>Justified</li>
<li>Masonry</li>
<li>Slideshow</li>
<li>Blog style (comming soon )</li>
<li>JustifiedGallery Light box</li>
<li>Load Facebook album images</li>
<li>Load Flickr album images</li>
<li>Add image from url</li>
<li>Shortcode creator</li>
</ul>
<h4>Load Facebook Album</h4>
<p>Just paste your album url, example:</p>
<pre><code>https://www.facebook.com/BillGates/photos/?tab=album&album_id=10153110017351961
</code></pre>
<p>Note: Your album status must be public to load.</p>
<h4>Load Flickr Album</h4>
<p>Just paste your album url, example:</p>
<pre><code>https://www.flickr.com/photos/gianstefanofontana/albums/72157649693279051
</code></pre>
<p>Note: Your album status must be public to load.</p>
<h4>Adding your own view in your theme</h4>
<ul>
<li>Create a folder <code>gallery-one</code> on your theme.</li>
<li>Inside folder which created add a file and name <code>view.php</code></li>
<li>[Optional] Inside folder which created add a file and name <code>config.php</code></li>
</ul>
<p>Example file <code>view.php</code>:</p>
<pre><code><div class="my-view">
<?php
 var_dump( $this->settings ); /* You config data in file config.php
 var_dump( $this->media->get_data() ); // Gallery items data
 ?>
</div>
</code></pre>
<p>Example file <code>config.php</code>:</p>
<pre><code>$config = array(
    'name' => __( 'Justified', 'gallery-one' ), // view name
    'js' => 'js/js.js',
    'css' => 'css/css.css',
    'view_settings' => array(
        array(
            'id' => 'margins',
            'default' => '10',
            'label' => __( 'Margins', 'gallery-one' ),
            'type' => 'text'
        ),
        array(
            'id'        => 'lightbox',
            'default'   => '1',
            'label'     => __( 'Lightbox', 'gallery-one' ),
            'type'      => 'checkbox'
        ),

    ),
);
</code></pre>
<h4>Adding your own view in your plugin</h4>
<ul>
<li>Create new folder in your plugin, example: <code>my-cool-views</code>.</li>
<li>Add add new view folder example: <code>my-cool-views/full-screen</code>.</li>
<li>Add <code>view.php</code> file for you view <code>my-cool-views/full-screen/view.php</code>.</li>
<li>[Optional] Add <code>config.php</code> file for you view <code>my-cool-views/full-screen/config.php</code>.</li>
<li>
<p>Add your your views folder to view loader:</p>
<p>add_filter( ‘gallery_one_get_template_folders’, ‘my_cool_views_path’);</p>
<p>function my_cool_views_path( $view_paths ){<br />
    $view_paths[‘my_cool_view’] = PATH_TO_MY_PLUGIN.’/my-cool-views’;<br />
    return $view_paths;<br />
 }</p>
</li>
</ul>
<h4>Config Parameters</h4>
<p>name: (string) Name of your view.</p>
<p>css: (string/array) CSS files will enqueue when this view load.</p>
<p>js: (string/array) JS files will enqueue when this view load.</p>
<p>view_settings: (array) list field settings for your view.</p>
<p><strong>view_settings</strong> Parameters:</p>
<ul>
<li>id: Id of setting field.</li>
<li>label: Label of setting files.</li>
<li>default: Default value.</li>
<li>type: Field type: text|select|checkbox|textarea.</li>
<li>option: For field type select (array).</li>
<li>desc: Field description.</li>
</ul>


Gallery One

A cool responsive gallery plugin with beautifully views.

Hiroaki Miyashita

<p><strong>Importance:</strong><br />
From 0.7.1, the default view changed to Colorbox due to the license regulation by the plugin directory. If you would prefer the prior Lightbox to Colorbox, you need to get the script from the setting page.</p>
<p>The Lightbox Gallery plugin changes the view of galleries to the lightbox.</p>
<ul>
<li>Lightbox display of Gallery</li>
<li>Tooltip view of caption of images </li>
<li>Displays the associated metadata with images</li>
<li>Divides Gallery into several pages</li>
<li>Extends the default Gallery options</li>
<li>Additional settings are set in the option page</li>
<li>Switch to the Highslide JS display</li>
</ul>
<p>You can also make regular images appear in a lightbox. See Faq.</p>
<p>Localization</p>
<ul>
<li>Brazilian Portuguese (pt_BR) – <a href="http://www.emmanuelcarvalho.com.br/" rel="nofollow ugc">Emmanuel Carvalho</a></li>
<li>Belorussian (by_BY) – <a href="http://antsar.info/" rel="nofollow ugc">ilyuha</a></li>
<li>Czech (cs_CZ) – <a href="http://blog.vlastenci.cz/" rel="nofollow ugc">Petufo</a></li>
<li>Spanish (es_ES) – <a href="http://www.bluebrain.es/" rel="nofollow ugc">Daniel Tarrero</a></li>
<li>Danish (da_DK) – <a href="http://www.clmedia.dk" rel="nofollow ugc">Jacob Voldby</a></li>
<li>German (de_DE) – Michael Wruck and Tacitus Media</li>
<li>Farsi (fa_IR) – <a href="http://webdata.in/" rel="nofollow ugc">Ehsan Razavi</a></li>
<li>French (fr_FR) – <a href="http://www.benletibetain.net/" rel="nofollow ugc">BenLeTibetain</a></li>
<li>Hindi (hi_IN) – <a href="http://outshinesolutions.com/web-hosting/web-hosting-india.html" rel="nofollow ugc">Outshine Solutions</a></li>
<li>Croatian (hr) – <a href="http://aciddot.com/" rel="nofollow ugc">Tomislav Konestabo</a></li>
<li>Hungarian (hu_HU) – <a href="http://www.google.com/profiles/zsolt.vereb" rel="nofollow ugc">Zsolt Vereb</a> and <a href="http://feriman.com/" rel="nofollow ugc">Feriman</a></li>
<li>Italian (it_IT) – <a href="http://gidibao.net/" rel="nofollow ugc">Gianni Diurno</a></li>
<li>Japanese (ja) – <a href="https://wpgogo.com/" rel="nofollow ugc">Hiroaki Miyashita</a></li>
<li>Dutch (nl_NL) – <a href="http://www.peterarends.net/" rel="nofollow ugc">Peter Arends</a></li>
<li>Polish (pl_PL) – Otmar</li>
<li>Romanian (ro_RO) – <a href="http://www.jibo.ro/" rel="nofollow ugc">Anunturi Jibo</a></li>
<li>Russian (ru_RU) – <a href="http://www.fatcow.com/" rel="nofollow ugc">Fat Cow</a></li>
<li>Slovak (sk_SK) – <a href="http://www.brozman.sk/blog/" rel="nofollow ugc">Viliam Brozman</a></li>
<li>Swedish (sv_SE) – <a href="http://nemrod.se/" rel="nofollow ugc">Anders Martensson</a></li>
<li>Turkish (tr_TR) – <a href="http://www.dmry.net/" rel="nofollow ugc">Hakan Demiray</a></li>
<li>Ukrainian (uk_UA) – <a href="http://wpp.pp.ua/" rel="nofollow ugc">Vitalij Lew</a></li>
<li>Simplified Chinese (zh_CN) – <a href="http://www.inanu.net/" rel="nofollow ugc">leonanu</a></li>
</ul>
<p>If you have translated into your language, please let me know.</p>
<p>Are you interested in other plugins? See the following site <a href="https://www.cmswp.jp/" rel="nofollow ugc">CMS x WP</a>.</p>
<h3>How to use</h3>
<p>How to use this plugin is basically the same as the way to add [gallery] which has been adopted<br />
by over WordPress 2.5. Lightbox Gallery plugin automatically converted the default view of gallery<br />
into the lightbox view. Photo captions are displayed as tooltips. Photo descriptions are displayed<br />
when the lightbox pops up.</p>
<h3>Advanced settings</h3>
<p>There are three additional options to extend the shorttag [gallery].</p>
<ul>
<li>lightboxsize</li>
</ul>
<p>The image size when the lightbox pops up. The default is medium, but you can change to full.</p>
<p>[gallery lightboxsize=”full”]</p>
<ul>
<li>meta</li>
</ul>
<p>Defines whether the exif information is displayed. The default is false.<br />
If you want to show the photo info, set true. The exif shown on the lightbox includes camera body,<br />
aperture, focal length, shutter speed, and created timestamp.</p>
<p>[gallery meta=”true”]</p>
<ul>
<li>class</li>
</ul>
<p>Adds a class attribute of the gallery. The default is <code>gallery1</code>.</p>
<p>[gallery class=”gallery2″]</p>
<ul>
<li>nofollow</li>
</ul>
<p>Adds the attribute, rel=”nofollow”. The default is false.</p>
<p>[gallery nofollow=”true”]</p>
<ul>
<li>from, num</li>
</ul>
<p>Defines from which and how many photos are displayed.<br />
If the number of photos is over that of <code>num</code>, the navigation will be shown.<br />
You can use the navigation option almost same as the <code>wp_link_pages</code> function.</p>
<p>[gallery from=”5″ num=”10″]</p>
<ul>
<li>pagenavi</li>
</ul>
<p>If you would like not to show the navigation, set <code>0</code>. The default is <code>1</code>.</p>
<p>[gallery num=”10″ pagenavi=”0″]</p>
<ul>
<li>colorbox_settings</li>
</ul>
<p>You can set the additional settings for Colorbox. See <a href="http://www.jacklmoore.com/colorbox/" rel="nofollow ugc">Colorbox official site</a>.</p>
<p>[gallery colorbox_settings=”transition:’fade’, slideshow:true”]</p>
<h3>Known Issues / Bugs</h3>
<h3>Uninstall</h3>
<ol>
<li>Deactivate the plugin</li>
<li>That’s it! 🙂</li>
</ol>


Lightbox Gallery

Really, nothing works as expected, looks broken and counter-intuitive. 

It is beyond any definition of bad

The Lightbox Gallery plugin changes the view of galleries to the lightbox.

Gallery One vs Lightbox Gallery