issues with jquery and lightbox after upgrade

hey all. ive been using this mod for some time, with no issues...

i did a manual upgrade from 1.3.8a to 1.3.9b, and am re-installing mods manually.

i have jquery and jqlightbox installed properly... i can see the options in the admin to turn on/off etc (yes, it is ON)...

however, on my site it is not loading correctly. examination of a product page with firebug seems to be showing the jscript being called... but when you click on an image, nothing happens.

any thoughts??

site is http://www.customk9design.com

comeon... sooomeone want to take a stab at why i cant view my pictures enlarged?? i'll grovel and beg if needed.

:)

Although the problem is probably with the changes in the 1.3.9x zen cart files and used by jqLightBox, may I suggest you correct current HTML errors?

The use of unknown tags like h7 and h8 may or many not cause problems but your missing a closing 'div' just before </body> which most definitely will cause problems.

i have been using the h7 and h8 for 2 years now with no issues... honestly unless needed i dont want to go back and redo all of that.

as for the missing div, i dont know on what page/in what file you found the error, any details are appreciated.

as for the existing issue, any explanation as to why i am not getting the pop up light box would be appreciated. surely someone out there can help me figure it out.

sincerely,
ginny

I was looking at one of your Product description pages but you can use http://validator.w3.org/ to validate any page you want. Use the "Validate by direct input" option so you can Copy & Paste your code, else you will get many incorrect errors about the Zen Cart id= .

finally figured it out. seems the install package that claimed to have the javascript loader package included... did not.

re-installed cjloader... though install file said it was automatically included now, apparently not.

get info here:
http://wiki.rubikintegration.com/zencart/modules/css_javascript_loader/installation

then google cjloader for a download site.

OK, still have an issue, and i believe it may NOT be related to the jquery lightbox... but we'll see.

lightbox is now working, however only large image displays for the main product image.

for additional product images, it is calling the originals instead of the larger version: (130x130)

<!--bof Additional Product Images -->
 <div id="productAdditionalImages">

    <div class="additionalImages centeredContent back" style="width:33%;">
      <script language="javascript" type="text/javascript"><!--
document.write('<a href="images/pbll6_01.jpg" class="jqlightbox"><img src="images/pbll6_01.jpg" alt="Pro 6ft Leash" title=" Pro 6ft Leash " width="130" height="130" /></a>')
//--></script>
      <noscript><a href="http://customk9design.com/catalogzen/index.php?main_page=popup_image_additional&pID=37&pic=0&products_image_large_additional=images/pbll6_01.jpg" target="_blank"><img src="images/pbll6_01.jpg" alt="Pro 6ft Leash" title=" Pro 6ft Leash " width="130" height="130" /><br /><span class="imgLinkAdditional">larger image</span></a></noscript></div>

    <div class="additionalImages centeredContent back" style="width:33%;">
      <script language="javascript" type="text/javascript"><!--
document.write('<a href="images/pbll6_02.jpg" class="jqlightbox"><img src="images/pbll6_02.jpg" alt="Pro 6ft Leash" title=" Pro 6ft Leash " width="130" height="130" /></a>')
//--></script>
      <noscript><a href="http://customk9design.com/catalogzen/index.php?main_page=popup_image_additional&pID=37&pic=1&products_image_large_additional=images/pbll6_02.jpg" target="_blank"><img src="images/pbll6_02.jpg" alt="Pro 6ft Leash" title=" Pro 6ft Leash " width="130" height="130" /><br /><span class="imgLinkAdditional">larger image</span></a></noscript></div>
    <div class="additionalImages centeredContent back" style="width:33%;">
      <script language="javascript" type="text/javascript"><!--
document.write('<a href="images/pbll6_03.jpg" class="jqlightbox"><img src="images/pbll6_03.jpg" alt="Pro 6ft Leash" title=" Pro 6ft Leash " width="130" height="130" /></a>')
//--></script>
      <noscript><a href="http://customk9design.com/catalogzen/index.php?main_page=popup_image_additional&pID=37&pic=2&products_image_large_additional=images/pbll6_03.jpg" target="_blank"><img src="images/pbll6_03.jpg" alt="Pro 6ft Leash" title=" Pro 6ft Leash " width="130" height="130" /><br /><span class="imgLinkAdditional">larger image</span></a></noscript></div>
<br class="clearBoth" />

 
</div>
<!--eof Additional Product Images -->

yes i am familiar with and USE the correct naming system and folders of images, images/medium, images/large
file name examples in use include:
images/pbll6.jpg
images/pbll6_01.jpg
images/pbll6_02.jpg

images/medium/pbll6_MED.jpg

images/large/pbll6_LRG.jpg
images/large/pbll6_01_LRG.jpg
images/large/pbll6_02_LRG.jpg

so file naming is not the problem. also, this system worked fine prior to upgrade, so issue is either in upgrade files or re-installation of mod.

any thoughts as to why lightbox is calling the small images and not the larger ones?

thanks to everyone for their help!

addtl info:
switched back to the 'classic green' template for a moment, and images do pop up to large correctly..

so issue is in relation to how the jscript lightbox is calling the images i suppose.

any help would be greatly appreciated.

oy. ok, someone has to know something about this?

i have been thru all the pages i can find regarding the lightbox addon, and several people seem to mention the small image popup issue... but noone seems to have an answer for it.

i used the mod before, no issues. i upgraded zencart, reloaded my images (which are named correctly), i re-uploaded my modified files, and reinstalled this mod.

now the pics in the lightbox are the smalls, not the larges... except for the main image, which correctly calls the large.

ANY thoughts?
site: http://www.customk9design.com

Are you sure you copied your additional images' large and medium versions to the proper folders? What I'm seeing is behavior that indicates that the additional_images module couldn't find the large/medium version and defaulted to the base (small) image.

Looks like your LARGE image source refers back to the original image location, not images/large/pbll6_LRG.jpg

  <noscript><a href="http://customk9design.com/catalogzen/index.php?main_page=popup_image_additional&pID=37&pic=1&products_image_large_additional=images/pbll6_02.jpg" target="_blank"><img src="images/pbll6_02.jpg" alt="Pro 6ft Leash" title=" Pro 6ft Leash " width="130" height="130" /><br /><span class="imgLinkAdditional">larger image</span></a></noscript></div>
<div class="additionalImages centeredContent back" style="width:33%;">

so, i agree with you that the large image is not being called, but this seems to be an error in the programing, or a conflict with another file..

two reasons, 1st, the primary image is still called correctly, only the additional images are incorrect. 2nd, if i switch to the default zen cart template, the regular popup image system works for all images, primary and additional.

so there is something wrong with the lightbox coding or something in the template files conflicting? i am a bit perplexed, as i am using the same system i did before the 1.3.9b/c upgrade.

can we dig a little deeper as to why the code isnt calling the correct image? i can post any code anyone wants to take a look at, just let me know what files you need to see.