This plugin was downloaded from

http://www.jacklmoore.com/colorbox

This step for X2 and X4 only. - Paste this to <!--Page Preamble--> or <!--Master Page Preamble-->

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

All versions of Webplus

Copy the HTML code fragment and paste it on your page.

Double click the fragment

Click to highlight the third file, click Export Options>New Folder and type in images and click OK OK

Highlight each of the .png and .gif files, click Export Options>images folder>OK

Highlight each of my files fun1.jpg, fun2.jpg, fun3.jpg and click delete button

Click Add button and load your images that will appear in the lightbox

When everything is loaded click OK To close the fragment.

 

Use either Alt-S, or right click>attach HTML and paste this under <!--Page Head-->

<link rel="stylesheet" href="colorbox.css"  type="text/css" media="screen" />

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

<script src="jquery.colorbox.js"></script>

 

<script>

$(document).ready(function(){

 $(".group1").colorbox({rel:'group1'});

});

</script>

Put your thumbnail images or text on the page, anywhere you want. Right click each image (or highlight text and right click), click Hyperlink>Internet Page and paste this line for each image or text.

     fun3.jpg" class="group1" title="Lawnmower man.

NOTE: there is no inverted comma at the beginning or end. Change fun3.jpg for your images that will appear in the lightbox. Group1 is the class and name of the gallery, change for your name in both the script and the hyperlink.

Preview in a browser.