Additional images and Zen Lightbox

[ianhg]

Hi
Can anyone help please.
I have an issue with additional images not showing with Zen Lightbox.
I downloaded the additional images module so that images names would not need to be changed. This all seems to be working in the admin area OK.
But the additional images although seen on the web page will not work in Zen Lightbox.
The source code shows that this is not working:

<div id="productMainImage" class="centeredContent back">
<script language="javascript" type="text/javascript">
<!-- document.write('<a href="images/sept_1.jpg" rel="lightbox-g" title="image"><img src="images/sept_1.jpg" alt="image2" title=" image3" width="200" height="200" /><br /><span class="imgLink">larger image</span></a>'); //--></script> <noscript> <a href="http://www.website.com/index.php?main_page=popup_image&amp;pID=281&amp;zenid=ds441d45v3dvflphao9vi70em2 " target="_blank"><img src="images/sept_1.jpg" alt="image3" title=" image4" width="200" height="200" /><br /><span class="imgLink">larger image</span></a></noscript> </div>
<!--eof Main Product Image-->
<!--bof Additional Product Images -->
<div id="productAdditionalImages"> <div class="additional-images"><img src="images/additional/sept_2.jpg" alt="" width="200" height="150" /></div><br/><div class="additional-images"><img src="images/additional/sept_3.jpg" alt="" width="200" height="200" /></div><br/><div class="additional-images"><img src="images/additional/sept_4.jpg" alt="" width="200" height="150" /></div><br/><div class="additional-images"><img src="images/additional/sept_5.jpg" alt="" width="200" height="150" /></div><br/><div class="additional-images"><img src="images/additional/sept_6.jpg" alt="" width="200" height="150" /></div><br/></div>
<!--eof Additional Product Images -->

It would appear that the Javascript is not working on the Additional Images. I have searched and tried a few things but have hit a brick wall, any suggestions would be helpful thanks.

[picandnix]

A link to your site please?
Which version of ZC are you using?
And a link to the exact modules that you have used, i.e lightbox and additional images.

[ianhg]

A link to your site please?
Which version of ZC are you using?
And a link to the exact modules that you have used, i.e lightbox and additional images.

http://www.bongobits.com/index.php?m...5apb3f3u1f5gf2
Zencart version 1.3.9h
Zen LightBox v1.6.2
Additional product images V2 http://www.zen-cart.com/downloads.php?do=file&id=1063

[Mauari]

MISSING <a href="images/YOUR-ADITIONAL-IMG.jpg" rel="lightbox-g" title="image"> BEFORE <img src="images/additional/YOUR-ADITIONAL-IMG.jpg" alt="" width="200" height="200" />

[ianhg]

MISSING <a href="images/YOUR-ADITIONAL-IMG.jpg" rel="lightbox-g" title="image"> BEFORE <img src="images/additional/YOUR-ADITIONAL-IMG.jpg" alt="" width="200" height="200" />

Thanks for your reply. I am aware that the above is missing and that it why its not working but would like to know how to fix it.

[ianhg]

Just in case anyone else has the same problem this partially fixed the problem. The additional images now show in Lightbox but the next and previous buttons are working but at least it's workable. Added below to tpl_modules_additional_images.php thanks to Brandon Walters
require(DIR_WS_MODULES . zen_get_module_directory('additional_images.php'));
?>
<?php
if ($additional->RecordCount() > 0) {
?>
<div id="productAdditionalImages">
<!-- Fix for broken click to enlarge - Brandon Walters http://www.bwaltdesigns.com -->
<?php
while(!$additional->EOF) {
echo '<div class="additional-images"><a href="images/' .$additional->fields['additional_image']. '" rel="lightbox">'.zen_image(DIR_WS_IMAGES . $additional->fields['additional_image'], '', ADDITIONAL_SMALL_IMAGE_WIDTH, ADDITIONAL_SMALL_IMAGE_HEIGHT).'</a></div><br/>';
$additional->MoveNext();
}
?>
</div>
<?php
}
?>