This plugin was downloaded from

http://lokeshdhakar.com/projects/lightbox2/

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 first file, click Export Options>New Folder and type in js and click OK OK

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

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-->

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

<script src="js/lightbox.js"></script>

<link href="css/lightbox.css" rel="stylesheet" />

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" rel="lightbox[roadtrip]" title="my caption

NOTE: there is no inverted comma at the beginning or end. Change fun3.jpg for your images that will appear in the lightbox. Roadtrip is the name of the gallery, change for your name or delete roadtrip and the square brackets if you are using single images.

 

Preview in a browser.