Zen Lightbox addon [Support Thread]

[dpatt111]

Alex, pretty cool mod! Photographers can really relate to your mod. We use lightboxes almost everyday!

[jeffk]

managed to replicate the problem . it seems as you suspected in that it only occurs if the page is not fully loaded

[Alex Clarke]

Ok, it's good that we've found the problem.

I'll look at fixing this issue (is possible) in one of the next releases.

Thanks for the feedback!

[jeffk]

thx for creating a great looking image viewer , goto be the slickest ive seen on any cart

[proimpulse]

I get an error after downloading and trying to unzip this file:

! example.jpg: The file "example.jpg" header is corrupt
! readme.txt: The file "readme.txt" header is corrupt
! includes\modules\pages: The file "includes\modules\pages" header is corrupt
! includes\modules\YOUR-TEMPLATE-FOLDER\additional_images.php: The file "includes\modules\YOUR-TEMPLATE-FOLDER\additional_images.php" header is corrupt
! includes\modules\YOUR-TEMPLATE-FOLDER: The file "includes\modules\YOUR-TEMPLATE-FOLDER" header is corrupt
! includes\modules: The file "includes\modules" header is corrupt
! includes\templates\template_default\images\lightbox\Thumbs.db: The file "includes\templates\template_default\images\lightbox\Thumbs.db" header is corrupt
! includes\templates\template_default\images\lightbox: The file "includes\templates\template_default\images\lightbox" header is corrupt
! includes\templates\template_default\images: The file "includes\templates\template_default\images" header is corrupt
! includes\templates\template_default\jscript\lightbox.js: The file "includes\templates\template_default\jscript\lightbox.js" header is corrupt
! includes\templates\template_default\jscript: The file "includes\templates\template_default\jscript" header is corrupt
! includes\templates\template_default: The file "includes\templates\template_default" header is corrupt
! includes\templates\YOUR-TEMPLATE-FOLDER\css\stylesheet_lightbox.css: The file "includes\templates\YOUR-TEMPLATE-FOLDER\css\stylesheet_lightbox.css" header is corrupt
! includes\templates\YOUR-TEMPLATE-FOLDER\css: The file "includes\templates\YOUR-TEMPLATE-FOLDER\css" header is corrupt
! includes\templates\YOUR-TEMPLATE-FOLDER\templates\tpl_modules_main_product_image.php: The file "includes\templates\YOUR-TEMPLATE-FOLDER\templates\tpl_modules_main_product_image.php" header is corrupt
! includes\templates\YOUR-TEMPLATE-FOLDER\templates: The file "includes\templates\YOUR-TEMPLATE-FOLDER\templates" header is corrupt
! includes\templates\YOUR-TEMPLATE-FOLDER: The file "includes\templates\YOUR-TEMPLATE-FOLDER" header is corrupt
! includes\templates: The file "includes\templates" header is corrupt
! includes: The file "includes" header is corrupt

[Lala_G_Clef_Jewelry]

proimpulse did you unzip it on your server or on your HD?

if you unzipped on your hd, then i suggest your try d/ling it again, as its a good file.

if you unzipped it on your server, then you need to unzip it on your hd and THEN upload it in the proper folders.

[boylan]

Love Zen Lightbox - it works great and looks even better - except in one circumstance.

I have Image Handler installed, and it creates the image tag with a javascript hover. Zen Lightbox, then encapsulates this JS in a document.write - which bombs out in IE and FF. Can you escape the interior code? Or do I have to find a way to remove the hovering effect in Image Handler?

This is the code in question:

      <script language="javascript" type="text/javascript"><!--
document.write('<a href="images/oldimages/OldArmy-Wine_03.jpg" rel="lightbox[gallery]" title="Old Army Tee Shirt-Wine"><img src="bmz_cache/8/8b90f65bad6260af9512af05aecf2ffc.image.64x80.jpg" alt="Old Army Tee Shirt-Wine" title=" Old Army Tee Shirt-Wine " width="64" height="80" style="position:relative" onmouseover="showtrail('bmz_cache/5/574e7d0af96a8d0fa73f529d8b58a04a.image.96x120.jpg','Old Army Tee Shirt-Wine',64,80,96,120,this,0,0,64,80);" onmouseout="hidetrail();"  /><br />larger image</a>');
//--></script>

Somehow, the dual JS needs to be escaped or removed. I'll look into removing it on the Image Handler side and will report back to this thread.

[boylan]

Well, by just stripping out the script tags and document.write stuff - I can make it work perfectly with JS on, but the graceful degrading to noscript when JS is off is lost. When I comment out the noscript tag, everything kind of turns out okay, but I'm sure there's a more elegant solution. It does still work with JS off, though (the pop-up, not lightbox).

Here's my hack of /includes/modules/YOUR_TEMPLATE/additional_images.php -- line 91

    // Link Preparation:
	// begin zen lightbox v1.2 aclarke 2006-09-07
    $script_link = '<a href="' . $products_image_large . '" rel="lightbox[gallery]" title="' . $products_name . '">' . $thumb_slashes . '<br />' . TEXT_CLICK_TO_ENLARGE . '</a>';
	// end zen lightbox v1.2 aclarke 2006-09-07

   // $noscript_link = '<noscript>' . ($flag_display_large ? '<a href="' . zen_href_link(FILENAME_POPUP_IMAGE_ADDITIONAL, 'pID=' . $_GET['products_id'] . '&pic=' . $i . '&products_image_large_additional=' . $products_image_large) . '" target="_blank">' . $thumb_regular . '<br />' . TEXT_CLICK_TO_ENLARGE . '</a>' : $thumb_regular ) . '</noscript>';

It doesn't degrade as gracefully, but works for now. I'm guessing the code could use some escaping to fix it.

Thanks for the add-on! I look forward to the compression and stripping of the JS to a smaller filesize.

[Alex Clarke]

Those JS script tags are part of the original ZenCart code.

Why do they need to be removed?

PS - Zen Lightbox does not support IH2 yet. I'm working on this now. :)

[boylan]

onmouseover="showtrail('bmz_cache/5/574e7d0af96a8d0fa73f529d8b58a04a.image.96x120.jpg','Old Army Tee Shirt-Wine',64,80,96,120,this,0,0,64,80);" onmouseout="hidetrail();"

This is the JS code that is causing the problem - the code creates a slightly larger version of the image as a hover effect - it is created by Image Handler. Can a document.write write out a second JS function (showtrail) unescaped? Wouldn't the interior end of function - ); - throw it off?

I'm not good enough with JS to know.