Hi All,
I have implemented Royster's Light Box and really like it. The only problem I am experiencing is with the first picture in a series of images. For some reason only the 1st picture is displayed with scroll bar and all the others are not. Is there any way to get rid of the scroll bars?
Here is the code to display the 1st image:
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
<xsl:output method="html" />
<xsl:template match="/Footer">
<script type="text/javascript" src="/Documents/prototype.jsx" mce_src="/Documents/prototype.jsx"></script>
<script type="text/javascript" src="/Documents/scriptaculous.jsx?load=effects,builder" mce_src="/Documents/scriptaculous.jsx?load=effects,builder"></script>
<script type="text/javascript" src="/Documents/lightbox.jsx" mce_src="/Documents/lightbox.jsx"></script>
<link rel="stylesheet" href="/Documents/lightbox.css" mce_href="/Documents/lightbox.css" type="text/css" media="screen" />
<a href="images/appleseed.jpg" mce_href="images/appleseed.jpg" rel="lightbox" title="Johnny 'Appleseed' Chapman"><img src="/images/appleseed.jpg" style="width: 100px; height: 100px" border="0"/></a>
</xsl:template>
</xsl:stylesheet>
Here is the code for all the rest of the images:
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
<xsl:output method="html" />
<xsl:template match="/Footer">
<a href="images/bunyan.jpg" mce_href="images/bunyan.jpg" rel="lightbox" title="Paul Bunyan"><img src="/images/bunyan.jpg" style="width: 100px; height: 100px" border="0"/></a>
</xsl:template>
</xsl:stylesheet>
Here is the web page:
http://mycountryisamerica.com/americanfolkhereos.aspx
Any help would be great.