Daniel Menȝies

<p><strong>This plugin is meant primarily for theme developers.</strong></p>
<p>This plugin allows to collect photos from the the Media Manager and arrange them into albums.<br />
These albums can be combined into galleries.<br />
Both albums and galleries can be added to a theme’s navigation menu.</p>
<p>Note that this plugin does not provide any CSS formatting and JavaScript for frontend presentation of galleries and albums. You have to format them yourself and integrate necessary JavaScript libraries, e.g Lightbox, yourself. This plugin merely gives a framework for gallery and album creation via custom post types and registration of designs for a frontend presentation.</p>
<p>If you found a bug or have any questions, complains or suggestions please feel free to contact me.</p>
<p><strong>Theme Integration</strong></p>
<p>You have to write post type template files for your theme in order for an album or gallery to work.<br />
This gives Theme developers the most control over a frontend presentation and users a convenient way to create galleries through the WordPress dashboard.<br />
If you install this plugin, create albums and galleries and include them into your theme’s menu, you will be disappointed, since nothing will happen.</p>
<ol>
<li>Create two php files inside your theme’s directory: <code>single-photogallery.php</code> and <code>single-photoalbum.php</code>.
<ul>
<li><code>single-photogallery.php</code> gets called everytime a gallery is about to be viewed</li>
<li><code>single-photoalbum.php</code> gets called everytime a album is about to be viewed</li>
</ul>
</li>
<li>Now you have two options.
<ul>
<li>You can register a custom design inside your theme’s <code>function.php</code> via e.g <code>$kt_Photogallery->register_gallery_design()</code> and call <code>$kt_Photogallery->render()</code> at an appropriated place inside your <code>single-photogallery.php</code> to render it depending on the user’s choice.</li>
<li>You fetch albums, images and thumbnail details, and render consistent HTML for all albums and galleries.</li>
</ul>
</li>
<li>Refere to the PHP API section for further details on how to retrieve album IDs, image IDs and thumbnail details.</li>
</ol>
<p><strong>Example</strong></p>
<p>A basic example for a custom gallery design</p>
<pre><code># functions.php

$kt_Photogallery->register_gallery_design ('my_gallery_design', array(
  'label' => __('My Gallery Design', 'my-textdomain'),
  'icon' => 'dashicons-format-gallery',
  'title' => __('This is my custom gallery design', 'my-textdomain'),
  'render' => 'render_my_gallery_design'
));

$kt_Photogallery->register_album_design ('my_album_design', array(
  'label' => __('My Album Design', 'my-textdomain'),
  'icon' => 'dashicons-format-image',
  'title' => __('This is my custom album design', 'my-textdomain'),
  'render' => 'render_my_album_design'
));

function render_my_gallery_design ($post) {
  global $kt_Photogallery;
  $album_IDs = $kt_Photogallery->get_albums($post);
  if ($album_IDs) {
    foreach ($album_IDs as $album_ID) {
      $album_thumbnail = $kt_Photogallery->get_thumbnail_src($album_ID);
      echo '<a href="' . get_permalink($album_ID) . '">';
      if ($album_thumbnail) {
        echo '<img src="' . $album_thumbnail[0] . '" alt />';
      }
      echo '</a>';
    }
  } else {
    printf(__('The gallery %s does not contain any albums', 'my-textdomain'), esc_html($post->post_title));
  }
}

function render_my_album_design ($post) {
  global $kt_Photogallery;
  $image_IDs = $kt_Photogallery->get_images($post);
  if ($image_IDs) {
    foreach ($image_IDs as $image_ID) {
      $image = get_post($image_ID);
      if ($image) {
        $image_src = wp_get_attachment_image_src($image_ID, 'medium');
        if (!$image_src) {
          $image_src = wp_get_attachment_image_src($image_ID, 'full');
        }
        echo '<img src="' . $image_src[0] . '" alt />';
      }
    }
  } else {
    printf(__('The album %s does not contain any images', 'my-textdomain'), esc_html($post->post_title));
  }
}
</code></pre>
<p>Basic integration into <a href="https://wordpress.org/themes/twentyfifteen" rel="ugc">Twenty Fifteen</a>:</p>
<pre><code># single-photogallery.php or single-photoalbum.php
get_header();
?>
<div id="primary" class="content-area">
  <main id="main" class="site-main" role="main">
  <?php
  while (have_posts()) {
    the_post();
    ?>
    <article class="hentry">
      <header class="entry-header">
      <?php
        the_title('<h1 class="entry-title">', '</h1>');
      ?>
      </header>
      <div class="entry-content">
      <?php
        $kt_Photogallery->render();
      ?>
      </div>
    </article>
    <?php
  }
  ?>
  </main>
</div>
<?php
get_footer();
</code></pre>
<p><strong>Language & Translation</strong></p>
<p>This plugin is in English (en_US) by default but comes with a German (de_DE) po-file.<br />
There is also a pot file containing untranslated strings so you can use it if you wish to translate this plugin.<br />
See also <a href="https://developer.wordpress.org/plugins/internationalization/localization/#using-localizations" rel="nofollow ugc">Using Localizations</a>.<br />
And especially <a href="http://www.cssigniter.com/ignite/wordpress-poedit-translation-secrets/" rel="nofollow ugc">WordPress – Poedit: Translation Secrets</a>.</p>
<p>If you want your translation included in the next version of Photogallery, don’t hesitate and let me know.</p>
<ol>
<li>Get <a href="http://poedit.net" rel="nofollow ugc">Poedit</a>.</li>
<li>Open the the pot file with Poedit and translate it.</li>
<li>Save a copy as e.g <code>kt-photogallery-fr_FR.po</code> in <code>/wp-content/plugins/kt-photogallery/language</code>. The mo-file will be created automatically by Poedit if you ticked the checkbox in the preferences.</li>
</ol>
<p><strong>PHP API</strong></p>
<p>I have included a number of functions for fetching album, image and thumbnail IDs associated with a gallery or album.<br />
Please note that all methods starting with an underscore are considered internal and are not documented here. Although some are publicly accessible you should not use them directly unless you know what you are doing.</p>
<p>You do not have to create a new kt_Photogallery instance, there is already one in the global namespace.<br />
Access all public methods via <code>$kt_Photogallery</code>.</p>
<ul>
<li>
<p><strong><code>$kt_Photogallery->get_album_count ( [$gallery_ID] )</code></strong><br />
Returns the number of albums associated with a gallery<br />
<strong>Argument</strong> <code>int</code>|<code>null $gallery_ID</code> <em>Optional</em> – ID of a gallery. Defaults to the current ID if used inside the Loop<br />
<strong>Returns</strong> <code>integer</code>|<code>boolean</code> – Returns an integer on success, or <code>false</code> if <code>$gallery_ID</code> yields no gallery</p>
</li>
<li>
<p><strong><code>$kt_Photogallery->get_albums ( [$gallery_ID] )</code></strong><br />
Returns an array of album IDs associated with a gallery.<br />
<strong>Argument</strong> <code>int</code>|<code>null $gallery_ID</code> <em>Optional</em> – ID of a gallery. Defaults to the current ID if used inside the Loop<br />
<strong>Returns</strong> <code>array</code>|<code>boolean</code> – Returns an array of IDs on success, <code>false</code> if <code>$gallery_ID</code> yields no gallery</p>
</li>
<li>
<p><strong><code>$kt_Photogallery->get_image_count ( [$album_ID] )</code></strong><br />
Returns the number of images associated with an album<br />
<strong>Argument</strong> <code>int</code>|<code>null $album_ID</code> <em>Optional</em> – ID of an album. Defaults to the current ID if used inside the Loop<br />
<strong>Returns</strong> <code>integer</code>|<code>boolean</code> – Returns an integer on success, or <code>false</code> if <code>$album_ID</code> yields no album</p>
</li>
<li>
<p><strong><code>$kt_Photogallery->get_images ( [$album_ID] )</code></strong><br />
Returns an array of image IDs associated with an album.<br />
<strong>Argument</strong> <code>int</code>|<code>null $album_ID</code> <em>Optional</em> – ID of an album. Defaults to the current ID if used inside the Loop<br />
<strong>Returns</strong> <code>array</code>|<code>boolean</code> – Returns an array of IDs on success, <code>false</code> if <code>$album_ID</code> yields no album</p>
</li>
<li>
<p><strong><code>$kt_Photogallery->get_thumbnail ( [$album_ID, [$fallback] ] )</code></strong><br />
Returns the ID of the image (attachment) used as thumbnail for an album<br />
<strong>Argument</strong> <code>int</code>|<code>null $album_ID</code> <em>Optional</em> – ID of an album. Defaults to the current ID if used inside the Loop<br />
<strong>Argument</strong> <code>boolean $fallback</code> <em>Optional</em> – if <code>true</code> and <code>$album_ID</code> yields no album the method returns the ID of the first image associated with the album. Default is <code>true</code><br />
<strong>Returns</strong> <code>integer</code>|<code>false</code> – Returns an integer on success, <code>false</code> if <code>$album_ID</code> yields no album, no thumbnail is set or a fallback could not been resolved</p>
</li>
<li>
<p><strong><code>$kt_Photogallery->get_thumbnail_src ( [$album_ID, [$fallback] ] )</code></strong><br />
Returns an ordered array with values corresponding to the (0) url, (1) width, (2) height and (3) scale of the thumbnail associated with an album.<br />
<strong>Argument</strong> <code>int</code>|<code>null $album_ID</code> <em>Optional</em> – ID of an album. Defaults to the current ID if used inside the Loop<br />
<strong>Argument</strong> <code>boolean $fallback</code> <em>Optional</em> – if <code>true</code> and <code>$album_ID</code> yields no album the method returns the ID of the first image associated with the album. Default is <code>true</code><br />
<strong>Returns</strong> <code>array</code>|<code>false</code> – Returns an array on success, <code>false</code> if <code>$album_ID</code> yields no album, no thumbnail is set or a fallback could not been resolved</p>
</li>
<li>
<p><strong><code>$kt_Photogallery->register_album_design ( $key, $options )</code></strong></p>
</li>
<li>
<p><strong><code>$kt_Photogallery->register_gallery_design ( $key, $options )</code></strong><br />
Registers a custom design for albums and galleries respectively.<br />
The design will be available in the Design metabox during editing<br />
<strong>Returns</strong> <code>boolean</code> – returns <code>true</code> if the design was registered successfully, <code>false</code> on failure.<br />
<strong>Argument</strong> <code>string $key</code> <em>Required</em> – A key used as id inside HTML/CSS and for general identification<br />
<strong>Argument</strong> <code>callable</code>|<code>array $options</code> <em>Required</em> – A callback rendering the design on the frontend or an associative array:</p>
<ul>
<li><code>string label</code> – The text for the label</li>
<li><code>string icon</code> – The image shown next to the label. Can be <code>dashicons-*</code>, an URL to an image or a base 64 encoded image</li>
<li><code>string title</code> – Text used inside the HTML title attribute, usually containing a description</li>
<li><code>callback render ($post, $options)</code> – Callback rendering the design on the frontend. The arguments passed are the current post as a WP_Post instance and an associative array of the options straight from the database</li>
<li><code>callback options ($current_options, $defaults, $post)</code> – Callback for additional form fields, should echo HTML. The arguments passed are an associative array of the options straight from the database, the default options as second argument and the current post as a WP_Post instance as third.</li>
<li><code>array  defaults</code> – Associative array containing default values for options. Its keys are used during saving so you should generate HTML form fields using its keys and provide a callback for filtering.</li>
<li><code>callback filter ($current_options, $defaults, $post)</code> – Callback for filtering the options before they are saved. This callback is called every time a post is saved. The arguments passed are the default options merged with the values from the current request, the default options as second argument and the current post as a WP_Post instance as third. The callback must return an associative array otherwise no options are stored.</li>
</ul>
</li>
<li>
<p><strong><code>$kt_Photogallery->render( [$auto_design] )</code></strong><br />
Main output method. Depending on the current post type the method prints out a design for a gallery or an album.<br />
<strong>Argument</strong> <code>boolean auto_design</code> <em>optional</em> – If set <code>true</code> and no design is found, take the first registered one and proceed. Default is <code>true</code><br />
<strong>Returns</strong> <code>boolean</code> – Returns <code>true</code> on success, <code>false</code> otherwise</p>
</li>
</ul>


Photogallery

redpixelstudios

<p>RPS Image Gallery enhances the core WordPress gallery function by dynamically adjusting the column count based on viewport width and enabling an image in the gallery to either invoke a slideshow or link to another page, post or any URL. The link and link target are specified in the image’s Edit Media screen using the Gallery Link URL and Gallery Link Target fields. When an image having a Gallery Link URL is clicked, the user will be directed to that location. Images linking elsewhere are automatically excluded from the slideshow – clicking the image will not invoke the slideshow but will call the specified Gallery Link URL.</p>
<p>In addition, RPS Image Gallery combines attachments from multiple posts or pages into a single gallery, enables the use of paging – useful for galleries with a large number of images, and provides the ability to link a gallery image to the post to which it is attached.</p>
<h4>Features</h4>
<ul>
<li><em>Uses Masonry script for galleries displaying images with various aspect ratios.</em></li>
<li><em>Ability to use installed theme gallery styles while leveraging slideshow capabilities.</em></li>
<li><em>Option to dynamically adjust the number of gallery columns based on viewport width.</em></li>
<li><em>Uses fancyBox or fancyBox2 for slideshow display.</em></li>
<li><em>Autoplays fancyBox or fancyBox2 slideshows.</em></li>
<li><em>Uses thumbnail helpers for fancyBox2 slideshows.</em></li>
<li><em>Uses paging for galleries and ability to specify the number of images per page.</em></li>
<li><em>Uses HTML5 or legacy output for the gallery.</em></li>
<li><em>Supports HTML in the slideshow caption.</em></li>
<li><em>Add Facebook and Pinterest buttons to the gallery view.</em></li>
<li><em>Compatibility settings allowing bundled scripts and styles to be disabled, and unique ‘rps-gallery’ shortcode to be used.</em></li>
<li>Clicking gallery images will invoke a slideshow or link to a specified URL, file or <strong>parent post</strong>.</li>
<li>Set the target for the image link.</li>
<li>Supports gallery shortcode defaults which can be overridden for each shortcode instance.</li>
<li>Combines and sorts attachments from multiple posts into a single gallery.</li>
<li>Supports multiple galleries appearing on a single page.</li>
<li>Displays a “download” link/button on the slideshow. (fancyBox2)</li>
<li>Displays the image title and caption/description in the gallery view.</li>
<li>Leverages the standard gallery editor interface to specify custom sort order.</li>
<li><strong>Displays EXIF data in the gallery and/or slideshow.</strong></li>
<li>Displays gallery thumbnails as background images (legacy format only) or standard images.</li>
<li>Hides attachments of trashed or future posts in galleries combined using post ids.</li>
<li>Overrides the default <a href="https://codex.wordpress.org/Gallery_Shortcode" title="Gallery Shortcode" rel="nofollow ugc">WordPress Gallery</a> shortcode or uses the one provided with the plugin.</li>
<li>Offers compatibility settings to ensure excellent coexistence with a wide variety of themes and plugins.</li>
<li>Loads required scripts only when the shortcode is invoked.<br />
What follows is a comprehensive list of attributes for the gallery shortcode when RPS Image Gallery is active.</li>
</ul>
<h4>id</h4>
<p>The post IDs containing a gallery to include.</p>
<ul>
<li>” – single post ID or comma separated list of post IDs (default)</li>
</ul>
<h4>ids</h4>
<p>The image IDs to display in the gallery.</p>
<ul>
<li>” – single image ID or comma separated list of image IDs (default)</li>
</ul>
<h4>container</h4>
<p>The container for the gallery.</p>
<ul>
<li>‘div’ (default)</li>
<li>‘span’</li>
</ul>
<h4>columns</h4>
<p>How many columns to use for the gallery view.</p>
<ul>
<li>‘3’ – range is 1 to 9 (default)</li>
</ul>
<h4>responsive_columns</h4>
<p>Determines whether the number of columns should respond to the viewport width.</p>
<ul>
<li>‘true’</li>
<li>‘false’ (default)</li>
</ul>
<h4>page_size</h4>
<p>Determines how many images show at a time. Includes paging navigation. Not compatible with Masonry.</p>
<ul>
<li>‘0’ (default)</li>
</ul>
<h4>align</h4>
<p>Affects the heading(title), caption and the last row of images when there are fewer images in the row than number of columns.</p>
<ul>
<li>‘left’ (default)</li>
<li>‘center’</li>
<li>‘right’</li>
</ul>
<h4>size</h4>
<p>The size of the image that should be displayed in the gallery view. It can be any of the standard image sizes including any registered by the theme.</p>
<ul>
<li>‘thumbnail’ (default)</li>
<li>‘medium’</li>
<li>‘large’</li>
<li>‘full’</li>
</ul>
<h4>constrain</h4>
<p>Specify if the image dimensions should be constrained by width only or both width and height. Only available with specific themes or when the theme is set to “none”.</p>
<ul>
<li>‘none’ (default)</li>
<li>‘media’</li>
<li>‘plugin’</li>
</ul>
<h4>constrain_size</h4>
<p>Only available if the constrain value is set to ‘media’. Allows the use of the Thumbnail, Medium or Large image dimensions as specified in Media Settings.</p>
<ul>
<li>‘thumbnail’ (default)</li>
<li>‘medium’</li>
<li>‘large’</li>
</ul>
<h4>constrain_width</h4>
<p>Only available if the constrain value is set to ‘plugin’. Allows the constrain width to be specified by the plugin.</p>
<ul>
<li>‘150’ (default)</li>
</ul>
<h4>constrain_height</h4>
<p>Only available if the constrain value is set to ‘plugin’. Allows the constrain height to be specified by the plugin.</p>
<ul>
<li>‘150’ (default)</li>
</ul>
<h4>size_large</h4>
<p>The size of the image that should be displayed in the slideshow view. It can be any of the standard image sizes including any registered by the theme.</p>
<ul>
<li>‘thumbnail’</li>
<li>‘medium’</li>
<li>‘large’ (default)</li>
<li>‘full’</li>
<li>‘custom-size’ (registered image sizes)</li>
</ul>
<h4>orderby</h4>
<p>How to sort the images. It is ignored if a list of image IDs is included in the shortcode.</p>
<ul>
<li>‘menu_order’ (default)</li>
<li>‘title’</li>
<li>‘post_date’</li>
<li>‘rand’</li>
<li>‘ID’</li>
<li>‘post__in’</li>
</ul>
<h4>order</h4>
<p>How to order the images. It is ignored if a list of image IDs is included in the shortcode.</p>
<ul>
<li>‘ASC’ (default)</li>
<li>‘DESC’</li>
</ul>
<h4>heading</h4>
<p>Display the image title in the gallery and slideshow views.</p>
<ul>
<li>‘true’</li>
<li>‘false’ (default)</li>
</ul>
<h4>headingtag</h4>
<p>The tag that should be used to wrap the image heading (title).</p>
<ul>
<li>‘h1’</li>
<li>‘h2’ (default)</li>
<li>‘h3’</li>
<li>‘h4’</li>
<li>‘h5’</li>
<li>‘h6’</li>
</ul>
<h4>heading_align</h4>
<p>Specify alignment of the heading text presented in the gallery grid.</p>
<h4>caption</h4>
<p>Display the image caption or description under the images in the gallery grid view.</p>
<ul>
<li>‘true’</li>
<li>‘false’ (default)</li>
</ul>
<h4>caption_auto_format</h4>
<p>Automatically insert break and paragraph tags into caption.</p>
<ul>
<li>‘true’</li>
<li>‘false’ (default)</li>
</ul>
<h4>caption_source</h4>
<p>Define where the text presented as the caption should be sourced.</p>
<ul>
<li>‘caption’ (default)</li>
<li>‘description’</li>
</ul>
<h4>caption_align</h4>
<p>Specify alignment of the caption text presented in the gallery grid.</p>
<ul>
<li>‘left’ (default)</li>
<li>‘center’</li>
<li>‘right’</li>
</ul>
<h4>link</h4>
<p>Where to get the URL to direct a user when clicking/tapping an image. Only has an effect if Slideshow is set to false and the Gallery Link URL is empty.</p>
<ul>
<li>‘permalink’ (default)</li>
<li>‘file’</li>
<li>‘parent_post’</li>
<li>‘none’</li>
</ul>
<h4>html_format</h4>
<p>Which HTML structure to use to output the gallery.</p>
<ul>
<li>‘default’ (default)</li>
<li>‘html5’</li>
</ul>
<h4>theme</h4>
<p>Which theme to use to style the HTML output.</p>
<ul>
<li>‘default’ (default)</li>
<li>‘none’</li>
</ul>
<h4>masonry</h4>
<p>Whether to use the Masonry script cascading grid layout library for the gallery.</p>
<ul>
<li>true</li>
<li>false (default)</li>
</ul>
<h4>slideshow</h4>
<p>Invoke the slideshow (fancyBox) viewer when an image without a Gallery Link URL value is clicked.</p>
<ul>
<li>‘true’ (default)</li>
<li>‘false’</li>
</ul>
<h4>fb_version</h4>
<p>Which version of fancyBox to use.</p>
<ul>
<li>‘1’ (default)</li>
<li>‘2’</li>
</ul>
<h4>autoplay</h4>
<p>Specify whether the slideshow should automatically cycle through the images or not.</p>
<ul>
<li>‘true’ (default)</li>
<li>‘false’</li>
</ul>
<h4>background_thumbnails</h4>
<p>Display the gallery thumbnail images as backgrounds or standard images.</p>
<ul>
<li>‘true’</li>
<li>‘false’ (default)</li>
</ul>
<h4>exif</h4>
<p>(since 1.2.24)<br />
Show the EXIF image data.</p>
<ul>
<li>‘true’</li>
<li>‘false’ (default)</li>
</ul>
<h4>exif_locations</h4>
<p>Where to show the EXIF data associated with the image.</p>
<ul>
<li>‘gallery’</li>
<li>‘slideshow’ (default)</li>
<li>‘both’</li>
</ul>
<h4>exif_fields</h4>
<p>What EXIF fields to display and in what order.</p>
<ul>
<li>‘camera,aperture,focal_length,iso,shutter_speed,title,caption,credit,copyright,created_timestamp’ (default)</li>
</ul>
<h4>include</h4>
<p>Comma separated attachment IDs to display. Cannot be used with exclude.</p>
<ul>
<li>” (default)</li>
</ul>
<h4>exclude</h4>
<p>Comma separated attachment IDs to display. Cannot be used with include.</p>
<ul>
<li>” (default)</li>
</ul>
<h4>group_name</h4>
<p>The class of the gallery group which determines what images belong to the gallery slideshow.</p>
<ul>
<li>‘rps-image-group’ (default)</li>
</ul>
<h4>alt_caption_fallback</h4>
<p>Use the ALT value as a fallback in case the Caption field is empty.</p>
<ul>
<li>‘true’ (default)</li>
<li>‘false’</li>
</ul>
<h4>fb_title_show</h4>
<p>Show the title area in the slideshow view including the image heading, caption or description, and EXIF data.</p>
<ul>
<li>‘true’ (default)</li>
<li>‘false’</li>
</ul>
<h4>fb_heading</h4>
<p>Show the image heading within the title area of the slideshow.</p>
<ul>
<li>‘true’ (default)</li>
<li>‘false’</li>
</ul>
<h4>fb_caption</h4>
<p>Show the image caption within the title area of the slideshow.</p>
<ul>
<li>‘true’ (default)</li>
<li>‘false’</li>
</ul>
<h4>fb_title_position</h4>
<p>The position of the title area in relation to the image in the slideshow.</p>
<ul>
<li>‘over’ (default)</li>
<li>‘outside’</li>
<li>‘inside’</li>
</ul>
<h4>fb_title_align</h4>
<p>The alignment of the text in the slideshow title.</p>
<ul>
<li>‘none’ (default)</li>
<li>‘left’</li>
<li>‘center’</li>
<li>‘right’</li>
</ul>
<h4>fb_show_close_button</h4>
<p>Show the close button in the upper-right corner of the slideshow (clicking outside the slideshow always closes it).</p>
<ul>
<li>‘true’ (default)</li>
<li>‘false’</li>
</ul>
<h4>fb_transition_in</h4>
<p>The effect that should be used when the slideshow is opened.</p>
<ul>
<li>‘none’ (default)</li>
<li>‘elastic’</li>
<li>‘fade’</li>
</ul>
<h4>fb_transition_out</h4>
<p>The effect that should be used when the slideshow is closed.</p>
<ul>
<li>‘none’ (default)</li>
<li>‘elastic’</li>
<li>‘fade’</li>
</ul>
<h4>fb_speed_in</h4>
<p>Time in milliseconds of the fade and transition when the slideshow is opened.</p>
<ul>
<li>‘300’ – minimum of 100 and maximum of 1000 (default)</li>
</ul>
<h4>fb_speed_out</h4>
<p>Time in milliseconds of the fade and transition when the slideshow is closed.</p>
<ul>
<li>‘300’ – minimum of 100 and maximum of 1000 (default)</li>
</ul>
<h4>fb_title_counter_show</h4>
<p>Display the image counter in the slideshow (i.e. “Image 1/10).</p>
<ul>
<li>‘true’ (default)</li>
<li>‘false’</li>
</ul>
<h4>fb_cyclic</h4>
<p>Make the slideshow start from the beginning once the end is reached.</p>
<ul>
<li>‘true’ (default)</li>
<li>‘false’</li>
</ul>
<h4>fb_center_on_scroll</h4>
<p>Center the image on the screen while scrolling the page.</p>
<ul>
<li>‘true’ (default)</li>
<li>‘false’</li>
</ul>
<h4>fb_padding</h4>
<p>Space between FancyBox wrapper and content.</p>
<ul>
<li>’10’ – minimum of 0px and maximum of 100px (default)</li>
</ul>
<h4>fb_margin</h4>
<p>Space between viewport and FancyBox wrapper.</p>
<ul>
<li>’20’ – minimum of 0px and maximum of 100px (default)</li>
</ul>
<h4>fb_overlay_opacity</h4>
<p>Opacity of the overlay appearing behind the slideshow and on top of the page.</p>
<ul>
<li>‘0.3’ – minimum of 0 and maximum of 1 (default)</li>
</ul>
<h4>fb_overlay_color</h4>
<p>Color of the overlay appearing behind the slideshow and on top of the page.</p>
<ul>
<li>‘#666’ (default)</li>
</ul>
<h4>fb_helper_thumbs</h4>
<p>Display helper thumbnails appearing below the slideshow in fancyBox2.</p>
<ul>
<li>‘true’</li>
<li>‘false’ (default)</li>
</ul>
<h4>fb_helper_thumbs_width</h4>
<p>The width of the helper thumbnails appearing below the slideshow in fancyBox2.</p>
<ul>
<li>50 (default)</li>
</ul>
<h4>fb_helper_thumbs_height</h4>
<p>The height of the helper thumbnails appearing below the slideshow in fancyBox2.</p>
<ul>
<li>50 (default)</li>
</ul>
<h4>native</h4>
<p>Set to true if it is preferred the native WordPress gallery output is used.</p>
<ul>
<li>‘true’</li>
<li>‘false’ (default)</li>
</ul>


RPS Image Gallery

RPS Image Gallery takes over where the WordPress gallery leaves off by adding responsive galleries, slideshow and advanced linking capabilities.

Photogallery vs RPS Image Gallery