more than one load area on one page for thumbnail viewer 2

[wolfwoman]

Good evening everyone...
would apreciate some help on how to add more than one load area on one html page for thumbnail viewer 2.
Have tried adding numbers to load area (eg loadarea1, loadarea2 etc) but does not work.
I am sure there is a simple way of doing so....any help would be a life and a sleep saver!!
I await your reply with bated breath...

[jscheuer1]

I moved this from javascript help as it is a DD script and so belongs here where it is asked that you post a link to the DD script along with your question. From what I recall from this script though, the loadarea(s) is/are set using the rev attribute of the link. Read the demo page. Make sure you are using the current version.

[wolfwoman]

Thankyou for your prompt reply. As this is my first post I was unsure where to post this thread.

I have looked at the download page and it does mention multiple display areas but does not definitively say how. I tried allocating the


I tried giving the load area a different name eg. loadarea 2. I tried placing an image in the load area and then allocating the rel link to that image name....but neither worked.

I have posted the text on my page below....note there is two of the same at the moment...once I have it working the text and images for the second will change.

Once more I hold my breath!!
<table class=border bordercolor=#E1E1E1 cellspacing=0 cellpadding=0
width=622 align=center border=1>
<tbody>
<tr>
<td width=241 height=350>
<div align="center">
<table cellspacing=0 cellpadding=0 align=center border=0>
<tbody>
<tr>
<td width="141" valign="top" height="178">
<p class="pink"><font color="#666666">Kaimi Coaching</font></p>
<p class="documentlinks">A personalised counselling service
for couples and individuals. </p>
<p><span class="documentlinks">Classic design with flash elements
added for visual appeal.</span></p>
<p class="documentlinks"><a href="http://www.kaimicoaching.com" target="_blank">visit
website <font color="#FF6699">&gt;&gt;</font> </a> </p>
</td>
</tr>
</tbody>
</table>
</div>
</td>
<td class=body-text width=375 height=350
bgcolor="#E6E3DE">
<table width="345" border="0" align="center" bgcolor="#FFFFFF" height="49" cellpadding="0" cellspacing="0">
<tr>
<td background="images/web1.gif">
<!--webbot bot="HTMLMarkup" startspan -->
<div id=loadarea style="WIDTH: 345px; HEIGHT: 252px"></div>
<!--webbot bot="HTMLMarkup" endspan i-checksum="11987" -->
</td>
</tr>
<tr>
<td height="36" valign="bottom"><a
href="images/web1.gif"
rev=loadarea::
rel=enlargeimage::mouseover><img style="MARGIN-BOTTOM: -4px"
height=50
src="images/web1a.gif"
width=115 border=0></a><a
href="images/web2.gif"
rev=loadarea::
rel=enlargeimage::mouseover><img style="MARGIN-BOTTOM: -4px" height=50
src="images/web1b.gif" width=115 border=0></a><a
href="images/web3.gif"
rev=loadarea::
rel=enlargeimage::mouseover><img style="MARGIN-BOTTOM: -4px"
height=50
src="images/web1c.gif"
width=115 border=0></a> </td>
</tr>
</table>

</td>
</tr>
</tbody>
</table>
<br>
<table class=border bordercolor=#E1E1E1 cellspacing=0 cellpadding=0
width=622 align=center border=1>
<tbody>
<tr>
<td width=241 height=350>
<div align="center">
<table cellspacing=0 cellpadding=0 align=center border=0>
<tbody>
<tr>
<td width="141" valign="top" height="178">
<p class="pink"><font color="#666666">Kaimi Coaching</font></p>
<p class="documentlinks">A personalised counselling service
for couples and individuals. </p>
<p><span class="documentlinks">Classic design with flash elements
added for visual appeal.</span></p>
<p class="documentlinks"><a href="http://www.kaimicoaching.com" target="_blank">visit
website <font color="#FF6699">&gt;&gt;</font> </a> </p>
</td>
</tr>
</tbody>
</table>
</div>
</td>
<td class=body-text width=375 height=350
bgcolor="#E6E3DE">
<table width="345" border="0" align="center" bgcolor="#FFFFFF" height="49" cellpadding="0" cellspacing="0">
<tr>
<td background="images/web1.gif">
<!--webbot bot="HTMLMarkup" startspan -->
<div id=loadarea style="WIDTH: 345px; HEIGHT: 252px"><images/web5.gif"></div>
<!--webbot bot="HTMLMarkup" endspan i-checksum="11987" -->
</td>
</tr>
<tr>
<td height="36" valign="bottom"><a
href="images/web1.gif"
rev=loadarea::
rel=enlargeimage::mouseover><img style="MARGIN-BOTTOM: -4px"
height=50
src="images/web1a.gif"
width=115 border=0></a><a
href="images/web2.gif"
rev=loadarea::
rel=enlargeimage::mouseover><img style="MARGIN-BOTTOM: -4px" height=50
src="images/web1b.gif" width=115 border=0></a><a
href="images/web3.gif"
rev=loadarea::
rel=enlargeimage::mouseover><img style="MARGIN-BOTTOM: -4px"
height=50
src="images/web1c.gif"
width=115 border=0></a> </td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>

[wolfwoman]

A note to let you know I have the code working...pasted the code from the two on the example page....many thanks. Your hard work and support is much appreciated.