davidpotter

Lets you add an image to a post or page from the WordPress gallery on your site using a shortcode. Simply add the wppgalleryimage shortcode and specify the image you want to add by name or ID.
When you insert an image using the built-in WordPress editor, the full URL to the image on your site is inserted into the page or post. Using the shortcode, all you need to specify is the name or ID of the image and the URL is generated automatically.
When an image is uploaded to the gallery, the file is stored under wp-content/uploads and metadata about the image is stored in the <code>wp_posts</code> table with a <code>post_type</code> of <code>attachment</code>. The image is added to post or page within a <code><div></code> tag that specifies the <code>wpgalleryimage_shortcode</code> class, which allows you to define a style for all images added by the shortcode.
<h4>Parameters</h4>
<ul>
<li>
id – The ID of the image in the <code>wp_posts</code> table.
</li>
<li>
name – The name of the image from the <code>post_name</code> field in the <code>wp_posts</code> table. 
The name must match exactly.
</li>
<li>
title – The titlee of the image from the <code>post_title</code> field in the <code>wp_posts</code> table. 
The title must match exactly.
</li>
<li>
size – The size of the image. 
This value is passed to the 
<a href="https://codex.wordpress.org/Function_Reference/wp_get_attachment_image" title="Function Reference/wp get attachment image" rel="nofollow ugc"><code>wp_get_attachment_image</code></a> 
function. 
Valid values include:
<ul>
<li><code>thumbnail</code> (default)</li>
<li><code>medium</code></li>
<li><code>large</code></li>
<li><code>full</code></li>
</ul>
</li>
<li>
width and height – The width and height of the image to display. 
The most appropriate image file will be used to display the image. 
Both must be specified or they will be ignored. 
If these parameters are specified, the size parameter is ignored.
</li>
<li>
float – How to float the image on the page. Valid values include:
<ul>
<li><code>none</code> (default)</li>
<li><code>left</code></li>
<li><code>right</code></li>
</ul>
</li>
<li>
link – The URL to link to when the image is clicked on. You can also specify <code>full</code> to link to the full-size image.
</li>
<li>
padding, paddingtop, paddingright, paddingbottom, paddingleft – The amount of padding around the image. 
If floating left, defaults to <code>10px</code> on the right. 
If floating right, defaults to <code>10px</code> on the left.
</li>
</ul>
<h4>Examples</h4>
<blockquote>
[wpgalleryimage id=”19″]
[wpgalleryimage name=”my-logo”]
[wpgalleryimage title=”My Logo”]
[wpgalleryimage name=”my-logo” size=”medium”]
[wpgalleryimage name=”my-logo” width=”100″ height=”100″]
[wpgalleryimage name=”my-logo” float=”right”]
[wpgalleryimage name=”my-logo” link=”full”]
[wpgalleryimage name=”my-logo” link=”http://www.example.com/”]
[wpgalleryimage name=”my-logo” paddingbottom=”10px”]
</blockquote>

WP Gallery Image Shortcode

Adds the [wpgalleryimage] shortcode for inserting into a post or a page one of the images you uploaded into your WordPress gallery.

Silkalns

Seamlessly integrates FancyBox into your blog: Upload, activate, and you’re done. Additional configuration optional.
You can easily customize almost anything you can think about fancybox lightbox: the border, margin width and color, zoom speed, animation type, close button position, overlay color and opacity and even more advanced option like several options to group images into galleries, and more…
By default, the plugin will use jQuery to apply FancyBox to ANY thumbnails that link directly to an image. This includes posts, the sidebar, etc, so you can activate it and it will be applied automatically.
<h4>Further Reading</h4>
This plugin is developed and maintained by Colorlib. Which is well know for their free <a href="https://colorlib.com/wp/themes/" rel="nofollow ugc"></a>WordPress themes. However, now they are looking to extend their presence in plugin development and believe that FancyBox lightbox is a great way to start.
If you are new to WordPress and want to lear more we have got you covered. Colorlib will teach you have to <a href="https://colorlib.com/" rel="nofollow ugc">start a blog</a> or <a href="https://colorlib.com/wp/how-to-make-a-website/" rel="nofollow ugc">create a website</a> and much more. If you are already familiar with WordPress you likely want to learn how to make it faster and more reliable. That’s when you want to look into hosting and more specifically <a href="http://colorlib.com/wp/wordpress-hosting" rel="nofollow ugc">WordPress hosting</a>.
If you enjoy using FancyBox lightbox for WordPress please leave a <a href="https://wordpress.org/support/plugin/fancybox-for-wordpress/reviews/?filter=5" rel="ugc">positive feedback</a>. We are committed to make it the best lightbox plugin for WordPress.

FancyBox for WordPress

Seamlessly integrates FancyBox lightbox into your WordPress blog: Upload, activate, and you're done. Additional configuration optional.

WP Gallery Image Shortcode vs FancyBox for WordPress