How to Make Image Gallery in HTML?

[CMSHelper]

Hi there,

Can you tell me please how to make Image Gallery in HTML based static website?

Any help will be appreciated.

Regards

[HHCOwner]

Download the gallery attachment, unzip the file, and upload it to your sites main root. Then add this to the head section of the page you want your gallery on ...

<link rel="stylesheet" href="../gallery/style.css" type="text/css" />
<script type="text/javascript" src="../gallery/js/prototype.compressed.js"></script>
<script type="text/javascript" src="../gallery/js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="../gallery/js/lightbox.js"></script>
<script type="text/javascript" src="../gallery/js/dhtmlHistory.js"></script>
<script type="text/javascript" src="../gallery/js/customsignsheader.js"></script>

... and add this to your body section ...

<div onclick="dhtmlHistory.add('location1',{message: 'backbox'});countdown()">
<a href="YOUR FIRST IMG" rel="lightbox[slide]" caption="1ST CAPTION">
Click Here to Open the Gallery.</a>
</div>

<a href="YOUR SECOND IMG" rel="lightbox[slide]" caption="2ND CAPTION"></a>
<a href="YOUR THIRD IMG" rel="lightbox[slide]" caption="3RD CAPTION"></a>
<a href="YOUR FOURTH IMG" rel="lightbox[slide]" caption="4TH CAPTION"></a>

... and finally, at the very end of your body section, add this before </body> ...

<script type="text/javascript" src="../gallery/js/customsignsfooter.js"></script>

Hope this helps.

[czarina]

I think he was looking for something much simpler. Like a table with 1.jpg, 2.jpg. etc. in it. CMSHelper, if you still need help with this, just let me know.

cheers!
Dianellys Morato