dcsimg
www.webdeveloper.com
Results 1 to 3 of 3

Thread: How to Make Image Gallery in HTML?

  1. #1
    Join Date
    Jun 2009
    Posts
    26

    How to Make Image Gallery in HTML?

    Hi there,

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

    Any help will be appreciated.

    Regards

  2. #2
    Join Date
    Apr 2008
    Posts
    102
    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 ...

    HTML Code:
    <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 ...

    HTML Code:
    <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> ...

    HTML Code:
    <script type="text/javascript" src="../gallery/js/customsignsfooter.js"></script>
    Hope this helps.
    Attached Files Attached Files

  3. #3
    Join Date
    Mar 2004
    Posts
    15
    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

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles