This blog, like many others, uses the "Lightbox" wizard, for displaying photos.
Lightbox is a selectable feature. In the "Posts, comments and sharing" dashboard page, set "Showcase images with Lightbox" to "Yes", to enable Lightbox.
Whether we enable Lightbox or not, the Page / Post Editor "Insert image" wizard generates code which inserts a thumbnail size image into the post, linking to a full size image. When clicked on, the thumbnail image is replaced by a "full size" image, which lets the reader inspect the image (photo, picture) in greater detail.
With Lightbox enabled, the code generated and added to the page or post is reasonably simple.
This is not difficult to understand. The thumbnail size image, when clicked on, is replaced by the full size image, displayed in Lightbox.
It's a captioned link - where a thumbnail sized image is a caption to the fill sized image. The full size image is displayed in Lightbox.
With Lightbox disabled, the code generated and added to the page or post is somewhat obscure.
This is old "Insert image" code, as used before Lightbox became an optional feature.
Lightbox is a selectable feature. In the "Posts, comments and sharing" dashboard page, set "Showcase images with Lightbox" to "Yes", to enable Lightbox.
Whether we enable Lightbox or not, the Page / Post Editor "Insert image" wizard generates code which inserts a thumbnail size image into the post, linking to a full size image. When clicked on, the thumbnail image is replaced by a "full size" image, which lets the reader inspect the image (photo, picture) in greater detail.
With Lightbox enabled, the code generated and added to the page or post is reasonably simple.
This is not difficult to understand. The thumbnail size image, when clicked on, is replaced by the full size image, displayed in Lightbox.
It's a captioned link - where a thumbnail sized image is a caption to the fill sized image. The full size image is displayed in Lightbox.
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCKyhGttMcWBB9i2QBH13Ez_rCGf78HnF9hac3ElXhheyf1NUQz7ZoaEEzINqoPIvGp9NN-oCqpJm9XJ5uCaUsjoWo-JszBi5WgZx0MySgp-wrZbu0wVDgWNsoq0G3dh2l-B_BNw/s1600/Screenshot+2017-07-20+at+17.49.57+-+Edited.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCKyhGttMcWBB9i2QBH13Ez_rCGf78HnF9hac3ElXhheyf1NUQz7ZoaEEzINqoPIvGp9NN-oCqpJm9XJ5uCaUsjoWo-JszBi5WgZx0MySgp-wrZbu0wVDgWNsoq0G3dh2l-B_BNw/s320/Screenshot+2017-07-20+at+17.49.57+-+Edited.png" width="320" height="213" data-original-width="1014" data-original-height="676" /></a></div>
With Lightbox disabled, the code generated and added to the page or post is somewhat obscure.
This is old "Insert image" code, as used before Lightbox became an optional feature.
<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCKyhGttMcWBB9i2QBH13Ez_rCGf78HnF9hac3ElXhheyf1NUQz7ZoaEEzINqoPIvGp9NN-oCqpJm9XJ5uCaUsjoWo-JszBi5WgZx0MySgp-wrZbu0wVDgWNsoq0G3dh2l-B_BNw/s1600/Screenshot+2017-07-20+at+17.49.57+-+Edited.png"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCKyhGttMcWBB9i2QBH13Ez_rCGf78HnF9hac3ElXhheyf1NUQz7ZoaEEzINqoPIvGp9NN-oCqpJm9XJ5uCaUsjoWo-JszBi5WgZx0MySgp-wrZbu0wVDgWNsoq0G3dh2l-B_BNw/s320/Screenshot+2017-07-20+at+17.49.57+-+Edited.png" style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;" border="0"></a>
Comments