Technical Support Forums

Technical Support Forums » Web Album Generator

How do i blend the album into a html website? (13 posts)


About this Topic

Tags

No tags yet.

  1. Anonymous

    Posted 6 years ago

    i managed to blend it in but when i click on the tumbnails nothing happens is there any guide for doing this?or can someone help me?


    thank you

  2. berserker
    Member
    Posted 6 years ago

    Do you have the album online?

  3. Anonymous

    Posted 6 years ago

    no idont have it online.im building a html website on my pc it isnt online.everything is working but when i click on the tumbnail nothing happens.

  4. berserker
    Member
    Posted 6 years ago

    If nothing happens the link is not working at all.

    When you look in the source, you should see something like:
    <a href="photo_1.html"><img src="../thumbnails/thumb_1.jpg" title="1.jpg" alt="Photo Number 1" /></a>


    It is a link where the clickable area is a thumbnail:

    <a href="">...</a>

    +

    <img src="">

    =

    <a href=""><img src=""></a>

  5. Anonymous

    Posted 6 years ago

    this is the code i have :



    <p align="justify">
    <center>

    <div id="header">
    <h1>Street</h1>
    </div>

    <div id="index">
    <table>
    <tr>
    <td class="thumbcell"><a href="./photos/photo1.html"><img src="./photos/thumb1.jpg" alt="Photo Number 1" title="attach.wallaj.jpg" /></a></td>
    <td class="thumbcell"><a href="./photos/photo2.html"><img src="./photos/thumb2.jpg" alt="Photo Number 2" title="attach.wallamaybach.jpg" /></a></td>
    <td class="thumbcell"><a href="./photos/photo3.html"><img src="./photos/thumb3.jpg" alt="Photo Number 3" title="attach.wallaw.jpg" /></a></td>
    </tr>
    <tr>
    <td class="thumbcell"><a href="./photos/photo4.html"><img src="./photos/thumb4.jpg" alt="Photo Number 4" title="attach.wallaww.jpg" /></a></td>
    <td class="thumbcell"><a href="./photos/photo5.html"><img src="./photos/thumb5.jpg" alt="Photo Number 5" title="attach.wallawwww.jpg" /></a></td>
    <td class="thumbcell"><a href="./photos/photo6.html"><img src="./photos/thumb6.jpg" alt="Photo Number 6" title="attach.wallawwwww.jpg" /></a></td>
    </tr>
    <tr>
    <td class="thumbcell"><a href="./photos/photo7.html"><img src="./photos/thumb7.jpg" alt="Photo Number 7" title="dddddsds.jpg" /></a></td>
    <td class="thumbcell"><a href="./photos/photo8.html"><img src="./photos/thumb8.jpg" alt="Photo Number 8" title="DSC00040.jpg" /></a></td>
    <td class="thumbcell"><a href="./photos/photo9.html"><img src="./photos/thumb9.jpg" alt="Photo Number 9" title="DSC00134.jpg" /></a></td>
    </tr>
    <tr>
    <td class="thumbcell"><a href="./photos/photo10.html"><img src="./photos/thumb10.jpg" alt="Photo Number 10" title="DSC00136.jpg" /></a></td>
    <td class="thumbcell"><a href="./photos/photo11.html"><img src="./photos/thumb11.jpg" alt="Photo Number 11" title="DSC00138.jpg" /></a></td>
    <td class="thumbcell"><a href="./photos/photo12.html"><img src="./photos/thumb12.jpg" alt="Photo Number 12" title="DSC00140.jpg" /></a></td>
    </tr>
    <tr>
    <td colspan="3"><div class="pages">Page: [1] <a href="index2.html">[2]</a> <a href="index3.html">[3]</a> <a href="index4.html">[4]</a> </div></td>
    </tr>
    </table>
    </div>




    </p>

    </center>
    <p>




    is this ok?

  6. berserker
    Member
    Posted 6 years ago

    Just checking to make sure: when you click on a thumbnail absolutely nothing happens? When I test the code it either pops up an alert box informing me the file linked to does not exist or when I create the missing file the link works fine.

  7. Anonymous

    Posted 6 years ago

    yes! nothing at all heres the complete code :


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

    <html>
    <head>
    <title>Your pages title here</title>
    <link rel=stylesheet type="text/css" href="style.css">
    </head>

    <body bottommargin="0" leftmargin="0" rightmargin="0" topmargin="0" background="img/background.jpg">

    <table height="123" width="100%" cellpadding="0" cellspacing="0" border="0">
    <tr valign="top">
    <!----- insert logo below ------------------------------------------>
    <td><img src="img/templogo.jpg" width="574" height="123" border="0" alt=""></td>
    <!------------------------------------------------------------------>
    <td width="100%" background="img/topbg.jpg">&nbsp;</td>
    </tr>
    </table>

    <table height="40" width="100%" cellpadding="0" cellspacing="0" border="0">
    <tr valign="top">
    <td width="100%" background="img/topbar.jpg">&nbsp;</td>
    </tr>
    </table>

    <table width="100%" cellpadding="0" cellspacing="0" border="0">
    <tr valign="top">

    <td width="201"><BR>
    <!----- menu, insert links below ------------------------------------------>
    &nbsp;&nbsp;&raquo;&nbsp;<a href="http://www.webaddresshere.com">your link</a><BR>
    <img src="img/menubar.jpg" width="201" height="11" border="0" alt=""><BR>
    &nbsp;&nbsp;&raquo;&nbsp;<a href="http://www.webaddresshere.com">your link</a><BR>
    <img src="img/menubar.jpg" width="201" height="11" border="0" alt=""><BR>
    &nbsp;&nbsp;&raquo;&nbsp;<a href="http://www.webaddresshere.com">your link</a><BR>
    <img src="img/menubar.jpg" width="201" height="11" border="0" alt=""><BR>
    &nbsp;&nbsp;&raquo;&nbsp;<a href="http://www.webaddresshere.com">your link</a><BR>
    <img src="img/menubar.jpg" width="201" height="11" border="0" alt=""><BR>
    <!-------------------------------------------------------------------------->
    </td>

    <td width="100%">
    <table width="100%" cellpadding="10" cellspacing="0" border="0">
    <tr valign="top">
    <td>
    <!----- content, insert text and content below ------------------------------------------>

    <p align="justify">
    <center>

    <div id="header">
    <h1>Street</h1>
    </div>

    <div id="index">
    <table>
    <tr>
    <td class="thumbcell"><a href="./photos/photo1.html"><img src="./photos/thumb1.jpg" alt="Photo Number 1" title="attach.wallaj.jpg" /></a></td>
    <td class="thumbcell"><a href="./photos/photo2.html"><img src="./photos/thumb2.jpg" alt="Photo Number 2" title="attach.wallamaybach.jpg" /></a></td>
    <td class="thumbcell"><a href="./photos/photo3.html"><img src="./photos/thumb3.jpg" alt="Photo Number 3" title="attach.wallaw.jpg" /></a></td>
    </tr>
    <tr>
    <td class="thumbcell"><a href="./photos/photo4.html"><img src="./photos/thumb4.jpg" alt="Photo Number 4" title="attach.wallaww.jpg" /></a></td>
    <td class="thumbcell"><a href="./photos/photo5.html"><img src="./photos/thumb5.jpg" alt="Photo Number 5" title="attach.wallawwww.jpg" /></a></td>
    <td class="thumbcell"><a href="./photos/photo6.html"><img src="./photos/thumb6.jpg" alt="Photo Number 6" title="attach.wallawwwww.jpg" /></a></td>
    </tr>
    <tr>
    <td class="thumbcell"><a href="./photos/photo7.html"><img src="./photos/thumb7.jpg" alt="Photo Number 7" title="dddddsds.jpg" /></a></td>
    <td class="thumbcell"><a href="./photos/photo8.html"><img src="./photos/thumb8.jpg" alt="Photo Number 8" title="DSC00040.jpg" /></a></td>
    <td class="thumbcell"><a href="./photos/photo9.html"><img src="./photos/thumb9.jpg" alt="Photo Number 9" title="DSC00134.jpg" /></a></td>
    </tr>
    <tr>
    <td class="thumbcell"><a href="./photos/photo10.html"><img src="./photos/thumb10.jpg" alt="Photo Number 10" title="DSC00136.jpg" /></a></td>
    <td class="thumbcell"><a href="./photos/photo11.html"><img src="./photos/thumb11.jpg" alt="Photo Number 11" title="DSC00138.jpg" /></a></td>
    <td class="thumbcell"><a href="./photos/photo12.html"><img src="./photos/thumb12.jpg" alt="Photo Number 12" title="DSC00140.jpg" /></a></td>
    </tr>
    <tr>
    <td colspan="3"><div class="pages">Page: [1] <a href="index2.html">[2]</a> <a href="index3.html">[3]</a> <a href="index4.html">[4]</a> </div></td>
    </tr>
    </table>
    </div>




    </p>

    </center>
    <p>


    </p>
    <!--------------------------------------------------------------------------------------->

    <BR><BR><BR><BR><BR><BR><BR>
    <BR><BR><BR><BR><BR><BR><BR>
    <p align="center">
    This site is &copy; Copyright YourName 2004-2005, All Rights Reserved<BR>
    <a href="http://www.steves-templates.com" title="Steves free web templates" class="style2">Steve's free web templates</a></p>
    </td>
    </tr>
    </table>
    </td>

    </tr>
    </table>

    </body>
    </html>

  8. Anonymous

    Posted 6 years ago

    heres a link to my folder of the website http://img9.exs.cx/img9/953/pic3al.jpg



    is everything ok here?inde is the main page and index,index2 .... is the gallery.

  9. Anonymous

    Posted 6 years ago

    the album wprks great on its own but when i put it in the site it dosent!what should i do?

  10. berserker
    Member
    Posted 6 years ago

    I tested the code and it seems to work fine.

    So the album page on it self works but when put inside other code it does not.

    The best thing you can do is trace the entire process and see at which point things go wrong.

    First just copy and rename the album page and test it. Then start adding pieces of code, testing it along the way.

  11. Anonymous

    Posted 6 years ago

    i did that but when i put it in its all worng !its all out of shape.everything is in the wrong place

  12. berserker
    Member
    Posted 6 years ago

    It is for testing purposes only. You only need to focus on whether the links to the images are working properly. Something is preventing the functioning of the links and tracing it by eliminating or adding code is an easy way to identify such a problem.

  13. Anonymous

    Posted 1 year ago

    Hi
    Anyone knows if it is possible to get away with the tumbnails.

    Peter


Reply

(required)