|
EXAMPLE
Click on the thumbnail images on the
left to display a full size version on the right.
Balance sheet |
Cash flow |
 |
Personnel plan |
Charts |
1) Insert this script in the <HEAD>
section of the page.
2) Insert
the following HTML code in the <BODY> section where you want the
thumbnails to appear in the page.
3) Name the images for the slideshow like
this:
Thumbnail images: thumb_1.gif, thumb_2.gif, etc.
Full size images: slide_1.gif, slide_2.gif, etc.
4) Define the location and the thumbnail
images in this section of the HTML code:
<a href="thumbnails/thumb_1.gif"
onclick="return(loadPosterImage('thumbnails/slide_1.gif'))">
<img src="thumbnails/thumb_1.gif" border="0"
width="88" height="115"></a>
<a href="thumbnails/thumb_2.gif" onclick="return(loadPosterImage('thumbnails/slide_2.gif'))">
<img src="thumbnails/thumb_2.gif" border="0"
width="79" height="115">
Define the first image to appear in the
slideshow:
<a href="http://planmagic.com"><img
src="thumbnails/slide_1.gif" name="imagePoster"
border="0" width="303" height="485"></a>
Images used in this example are
taken from PlanMagic Business.
|
