Colorbox / Lightbox Popup

It is easy to create a popup of higher resolution images. Learn how

We have integrated the colorbox lightbox feature from http://colorpowered.com/colorbox/

Typical use is like so, where you have a link to the high resolution image surrounding the low resolution thumbnail. Repeat multiple times for other images.

Example Code A: rel=colorbox

<p>

</p>

Example Code B: custom use of colorbox (for multiple slideshows)

For multiple slideshows please insert the following HTML and JAVASCRIPT code into your page.

Change colorBoxSlide1 to colorBoxSlide2 if you want separate slideshows.

<p>

</p>

Customise Further - Effects

OR for an automatic slideshow effect, find even more options on the http://colorpowered.com/colorbox/ website

<script> $("a[rel='colorBoxSlide1']").colorbox({transition:"fade",slideshow:true}); </script>

Example

More From This Section

Water marking and bulk size reduction software

The Smaller Animals thumbnailer is great tool if you want to create smaller image file sizes before uploading lots of photos, or if you want to watermark your photos.

Colorbox / Lightbox Popup

It is easy to create a popup of higher resolution images. Learn how

Clip Path - Adding a clipping path to shape an image

With the Drag-drop and Contentbox editors you can add a clipping path to an image

Blending an Image with a Background Colour

In the Drag-drop and Contentbox editors, you can set an image to blend with its background colour via the STYLE EDITOR modal.

Rotating Images/Links in content

This is the old method of adding rotating images to your website

Adding Hotspot Pins over an Image

You can add pins over the top of the image with a link and small description on hover.

Adding Image Dimensions to images

You can add image dimensons (image height and image width) to your images via the Style Editor Popup

Example Code A: rel=colorbox

Customise Further - Effects

Example

More From This Section

FAQ Topics

The Basics

Building your site

Advanced Page Types

E-Commerce

Email & Membership

Promoting your site

Advanced

API - System Integration