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

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

Note: You need to insert the code in the “Source Code” window in our new editor

<a href="/files/your-image-name.jpg" class="popup-image" title="Put some text in the title tag so it shows up here."><img src="/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

Note: You need to insert the code in the “Source Code” window in our new editor

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

Textile code for embedding the above image

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

Older Post Newer Post

Your wishlist is empty!

Continue browsing here.
simple.

Sign up for our newsletter!

Get 10% off your first order when you subscribe to our monthly newsletter