shrimp2t

<p>See demo: http://shrimp2t.com/gallery-one/</p>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/MpicnbcGsUo?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></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.

Parakoos

<p>This wordpress plugin allows visitors to browse posts or pages by their images, displayed randomly on an infinitely scrollable Image Wall. The images link back to the post or page on which they are attached.</p>
<p>Images are powerful. They catch our attention like nothing else. You probably use them in your blog posts to anchor the fickle attention span of today’s readers. Display all these great images on a nice looking page, and your visitors will browse for a while, captivated. Hopefully, one image will stand out for whatever reason and compel the visitor to click it to find out more. And just like that, some old blog post you thought buried by the sands of time has gotten another view, thanks to your Image Wall.</p>
<p>You can see the plugin in action on my own <a href="http://www.themodernnomad.com/image-wall/#utm_campaign=Image_Wall&utm_source=wordpress&utm_medium=website&utm_content=description" rel="nofollow ugc">Image Wall</a> and the full plugin documentation on the <a href="http://www.themodernnomad.com/image-wall-plugin/#utm_campaign=Image_Wall&utm_source=wordpress&utm_medium=website&utm_content=description" rel="nofollow ugc">Image Wall Plugin page</a>.</p>


Image Wall

Browse posts/pages by their images, displayed randomly on an infinitely scrollable page. The images link back to where they are attached.

Gallery One vs Image Wall