JavaScript CSS Image Viewer - Documentation |
|
[ Home ] [ Products ] [ Downloads ] [ Purchase ] [ Support ] |
Add the following code where you would like the Image Viewer to appear in your page
Add all of the following HTML towards the end of your page, ideally just before
the </body> tag
Finally place the two files 'jpimageviewer.js' and 'jpimageviewerhere.js' in the same directory as the web page
These two files are contained in the download package here »
Alternatively right click on the following links and select "Save Target As..." to download these files independently:-
Parameter Name | Description | Range of Values |
JPIMAGEVIEWER_width | The width in pixels of the full size image display area | Any positive valid integer value eg. 200 |
JPIMAGEVIEWER_height | The height in pixels of the full size image display area | Any positive valid integer value eg. 200 |
JPIMAGEVIEWER_thumbwidth | The width in pixels of the thumbnail images | Any positive valid integer value eg. 50 |
JPIMAGEVIEWER_thumbheight | The height in pixels of the thumbnail images | Any positive valid integer value eg. 50 |
JPIMAGEVIEWER_bgcolor | The background color | Any valid HTML color specification eg. #FFFFFF |
JPIMAGEVIEWER_bordercolor | The border color | Any valid HTML color specification eg. #8C8C8C |
JPIMAGEVIEWER_borderwidth | The width of the border in pixels | Any positive valid integer value eg. 1 |
JPIMAGEVIEWER_bordergap | Gap between the border and the image content in pixels | Any positive valid integer value eg. 5 |
JPIMAGEVIEWER_lkey | If the licensed version is being used then the license key should be supplied with this parameter | A valid license key |
Parameter Name | Description | Range of Values |
JPIMAGEVIEWER_image1 | The URL of the image file | |
JPIMAGEVIEWER_link1 | A URL that this image should link to. | Any valid URL |
JPIMAGEVIEWER_target1 | The target frame or window in which the link should open. To open in the current window set this to a value of _self | _self, _blank, _top or any valid frame or window name |
JPIMAGEVIEWER_text1 | This is the text that will be set as the alternative text (the ALT attribute) for this image. | Plain Text |
If at any stage you require assistance, help or advice then please feel free contact us via our support pages at:-