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.

Spiffy Plugins

<h4>WP Flow Plus</h4>
<p>Display attractive flow style carousel galleries with or without reflections.  Each image links to either a Lightbox preview or to a URL. The Lightbox pop-up supports cycling through all the photos – left/right arrows appear when hovering over the photos.</p>
<p>This is a light script that uses the basic JQuery library. It will display a simple thumbnail list if Javascript is disabled in the browser.</p>
<p><a href="https://spiffyplugins.ca/wp-flow-plus" rel="nofollow ugc">Demo and Documentation</a></p>
<h4>Features</h4>
<ul>
<li>CSS reflections</li>
<li>Configure carousel image size</li>
<li>Configure carousel aspect ratio</li>
<li>Multiple galleries per page</li>
<li>Configure the background color, text color, container width and choose black or white for the scrollbar. </li>
<li>Auto-rotation of the images</li>
<li>Configure the starting slide number</li>
<li>Touch control of the scrollbar</li>
<li>Optional link field in the image editor to link an image to a URL instead of the lightbox</li>
<li>Option to open links in the same window or a new window</li>
<li>Enable/disable automatic rotation for each instance of a gallery</li>
<li>Supports full text description in the popup window of a gallery from the media library</li>
<li>Display with or without reflections</li>
<li>Gallery based on images from the Media Library or a simple folder of images</li>
<li>Featured post support</li>
<li>Shortcode generator</li>
<li>NextGen gallery support</li>
<li>Extended carousel animation styles</li>
<li>Circular continuous carousel</li>
<li>Configure the number of images on each side of the carousel</li>
<li>Lightbox arrow options</li>
<li>Slide-up captions</li>
</ul>
<h4>Languages</h4>
<ul>
<li>Italian translation courtest of Andrea Benedet</li>
<li>Serbian translation courtesy of Ogi Djuraskovic</li>
<li>Spanish translation courtesy of Ogi Djuraskovic</li>
<li>Swedish translation courtesy of Kenneth Andersson</li>
</ul>


WP Flow Plus

Flow style gallery with Lightbox popups. Uses images from the Wordpress Media Library or an uploaded directory of images.

Gallery One vs WP Flow Plus