Need help/advice badly!!
I’m using the Highslide Mini Galley in my Gallery page and I have four Mini Galleries so far. As you can see the HTML markup is infinite (I’ve only included the markup for one gallery with 10 images. I have four like this in my Gallery page and possibly have more in the future).
Please tell me whats the best way to load the HTML markup in to my <td> and keep the page nice and organised.
Thanks for your help!!!
Here’s my Highslide Mini Gallery Mark up for one Mini Galley inside my table (2rows, 4columns).
<!-- gallerytable begins –>
<div id=“gallerytable”><table width=“100%” border=“1” align=“center” cellpadding=“5” cellspacing=“20”>
<tr>
<td width=“23%”>Phasellus tempor elementum metus vitae imperdiet. Nulla orci neque, convallis sed suscipit nec, iaculis nec odio. Phasellus sagittis sodales semper. Integer aliquam lectus a lectus mollis mollis rhoncus felis vestibulum. Etiam faucibus ipsum acmetus vehicula porttitor</td>
<td width=“23%”>Phasellus tempor elementum metus vitae imperdiet. Nulla orci neque, convallis sed suscipit nec, iaculis nec odio. Phasellus sagittis sodales semper. Integer aliquam lectus a lectus mollis mollis rhoncus felis vestibulum. Etiam faucibus ipsum acmetus vehicula porttitor</td>
<td width=“23%”>Phasellus tempor elementum metus vitae imperdiet. Nulla orci neque, convallis sed suscipit nec, iaculis nec odio. Phasellus sagittis sodales semper. Integer aliquam lectus a lectus mollis mollis rhoncus felis vestibulum. Etiam faucibus ipsum acmetus vehicula porttitor</td>
<td width=“23%”>Phasellus tempor elementum metus vitae imperdiet. Nulla orci neque, convallis sed suscipit nec, iaculis nec odio. Phasellus sagittis sodales semper. Integer aliquam lectus a lectus mollis mollis rhoncus felis vestibulum. Etiam faucibus ipsum acmetus vehicula porttitor</td>
</tr>
<tr>
<!-- gallery1 begins –>
<td><div class=“highslide-gallery”>
<a id=“thumb1"href=“highslide/images/1.jpg” class=“highslide”
title=“This is just an image”
onclick=“return hs.expand(this, config1 )”>
<img src=“highslide/images/1thumb.jpg” alt=”“/>
</a>
<div class=“hidden-container”>
<a href=“highslide/images/2.jpg” class=“highslide”
title=“Caption from the anchor’s title attribute”
onclick=“return hs.expand(this, config1 )”>
<img src=“highslide/images/2thumb.jpg” alt=”“/>
</a>
<a href=“highslide/images/3.jpg” class=“highslide”
title=“Caption from the anchor’s title attribute”
onclick=“return hs.expand(this, config1 )”>
<img src=“highslide/images/3thumb.jpg” alt=”“/>
</a>
<a href=“highslide/images/4.jpg” class=“highslide”
title=“Caption from the anchor’s title attribute”
onclick=“return hs.expand(this, config1 )”>
<img src=“highslide/images/4thumb.jpg” alt=”“/>
</a>
<a href=“highslide/images/5.jpg” class=“highslide”
title=“Caption from the anchor’s title attribute”
onclick=“return hs.expand(this, config1 )”>
<img src=“highslide/images/5thumb.jpg” alt=”“/>
</a>
<a href=“highslide/images/6.jpg” class=“highslide”
title=“Caption from the anchor’s title attribute”
onclick=“return hs.expand(this, config1 )”>
<img src=“highslide/images/6thumb.jpg” alt=”“/>
</a>
<a href=“highslide/images/7.jpg” class=“highslide”
title=“Caption from the anchor’s title attribute”
onclick=“return hs.expand(this, config1 )”>
<img src=“highslide/images/7thumb.jpg” alt=”“/>
</a>
<a href=“highslide/images/8.jpg” class=“highslide”
title=“Caption from the anchor’s title attribute”
onclick=“return hs.expand(this, config1 )”>
<img src=“highslide/images/8thumb.jpg” alt=”“/>
</a>
<a href=“highslide/images/9.jpg” class=“highslide”
title=“Caption from the anchor’s title attribute”
onclick=“return hs.expand(this, config1 )”>
<img src=“highslide/images/9thumb.jpg” alt=”“/>
</a>
<a href=“highslide/images/10.jpg” class=“highslide”
title=“Caption from the anchor’s title attribute”
onclick=“return hs.expand(this, config1 )”>
<img src=“highslide/images/10thumb.jpg” alt=”“/>
</a>
<a href=“highslide/images/11.jpg” class=“highslide”
title=“Caption from the anchor’s title attribute”
onclick=“return hs.expand(this, config1 )”>
<img src=“highslide/images/11thumb.jpg” alt=”"/>
</a>
</div>
</div>
</td>
<!-- gallery2 begins –>
<td><div class=“highslide-gallery”>
<a id=“thumb2"href=“highslide/images1/1.jpg” class=“highslide”
title=“This is just an image”
onclick=“return hs.expand(this, config2 )”>
<img src=“highslide/images1/1thumb.jpg” alt=”"/>
</a>
<div class=“hidden-container”>
<a href=“highslide/images1/2.jpg” class=“highslide”
title=“Caption from the anchor’s title attribute”
oncli…goes up to 4!!!