Responsive Image

The [image] shortcode lets you insert an image that automatically resizes to fill its parent container. The idea is that you can add an image to a page and have it display correctly on all devices - desktop, tablet and mobile. Resize the window and watch as the image below resizes correctly. You can also click it to launch lightbox.

Get The Code

[image src="http://path/to/my/image.png" width="980" height="440"
title="Image Title" autosize="true" lightbox="true"]

Customization Options

• src – the URL of the image you want to display
• width – the width and height will be used to maintain the aspect ratio of the image as it is resized
• height – the width and height will be used to maintain the aspect ratio of the image as it is resized
• title – the title of the image
• autoresize – whether or not you want the responsive autoresize to run
• lightbox – whether you want lightbox to launch if the image is clicked
• clickthrough – whether you want to navigate to the image URL when the image is clicked