How to use the “Lightbox” features to insert photos into pages & blogs

Posted by System Admin on

To insert a large image into a page or blog, you just need to use the “insert image” function in your toolbox. All Spiffy Stores themes however also have the ability to use the light-box function, so that images can be clicked on to view a larger “zoomed” image.

The first part of this post shows you how to insert an image using the the light-box function. The second part of this post shows you how to just insert an image normally.

Inserting images using the light-box function

The image below has been inserting using the light-box function. When you hover over the image, you will see that your cursor becomes a hand. Click on the image, and you’ll see the light-box in action.


HTML code for embedding the above image with lightbox

<a href="/files/your-image-name.jpg" class="popup-image" title="Put some text in the title tag so it shows up here.">    !/files/your-image-name.jpg!</a>




Inserting images normally

To insert a large image into a page or blog, you just need to use the “insert image” function in your toolbox.



HTML code for inserting the above image

<img src="/files/your-image-name.jpg" />

Textile code for embedding the above image

!/files/your-image-name.jpg!

Older Post Newer Post

Follow us for our latest trends!

Subscribe to our newsletter

A short sentence describing what someone will receive by subscribing