Responsive Image

Images that automatically resize themselves

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

Síguenos en Facebook

Síguenos en Twitter