Please Help. I've just about got my product info page layout how i want it but now i've lost the main image. I have installed 'lightbox', 'image handler' and 'swap image on mouseover' and all was working fine. I have the extra images showing , but not the main one.
The image is in the code but doesn't show on the page.
Here's the page
http://www.rosecliffe-arabians.com/s...products_id=13
here's the code to show the image
<!--bof Category Icon -->
<div id="categoryIcon" class="categoryIcon" align="left">Mares</div>
<!--eof Category Icon -->
<!--bof Prev/Next top position -->
<!--eof Prev/Next top position-->
<!--bof Main Product Image -->
<br>
<div id="productMainImage" class="centeredContent back">
<!-- begin zen lightbox v1.3 aclarke 2006-10-20 -->
<script language="javascript" type="text/javascript">
<!--
document.write('<a href="images/1_Simeon-Succa.jpg" rel="lightbox[gallery]" title="Simeon Succa"><img src="images/1_Simeon-Succa.jpg" alt="Simeon Succa" title=" Simeon Succa " width="260" height="184" style="position:relative" onmouseover="showtrail('images//1_Simeon-Succa.jpg','Simeon Succa',260,184,500,354,this,0,0,260,184);" onmouseout="hidetrail();" /><br />
<span class="">larger image</span>
</a>');
//-->
</script>
<!-- end zen lightbox v1.3 aclarke 2006-10-20 -->
<noscript>
<a href="http://www.rosecliffe-arabians.com/straight_egyptian/index.php?main_page=popup_image&pID=13" target="_blank"><img src="images/1_Simeon-Succa.jpg" alt="Simeon Succa" title=" Simeon Succa " width="260" height="184" style="position:relative" onmouseover="showtrail('images//1_Simeon-Succa.jpg','Simeon Succa',260,184,500,354,this,0,0,260,184);" onmouseout="hidetrail();" /><br /><span class="listingProductImage">larger image</span></a> </noscript>
</div>
<!--eof Main Product Image-->
<!--bof Product Name-->
<h1 id="productName" class="productGeneral">Simeon Succa</h1>
<!--eof Product Name-->
Bookmarks