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

Contact Information

We absolutely love to hear from our clients. Drop us a line and we'll discuss how we can help with your projects.

Cape Town 8001

Latest Testimonial

"Very Efficient & Professional Company. Great work by the TSC Team" - Gene

About TSC

We Strive To Provide a Superior Level Of Cleaning & Maintenance. consistent, reliable, flexible – tailored to our clients needs!