Zen Lightbox addon [Support Thread]

[banswidthjunkie]

I understand what you're saying. The lightbox_lightningload.js script will not let the lightbox proceed unless the image(s) have been loaded.

However, if this file is not loaded and the user clicks on the image(s) (as you've described) we have a problem. I beleive this will be the case for most people with slow Internet connections or people running Zen Cart on slow servers.

I'll have a look for a solution and see ifI can come up with anything.

Thanks for pointing this out. :)

This isn't a double post. I a pretty sure that all you need to do is change the 'onload' event to 'domready' That will transform the links basically as soon as they are accessible by the user: http://demos.mootools.net/DomReadyVS.Load

Whatever you do don't disable the mouse!!!!!

[SilverZulu]

This isn't a double post. I a pretty sure that all you need to do is change the 'onload' event to 'domready' That will transform the links basically as soon as they are accessible by the user: http://demos.mootools.net/DomReadyVS.Load

Whatever you do don't disable the mouse!!!!!

I believe that Alex is using the DOM functionality but this does not matter with slow internet connections as the page is rendered as the browser receives the html. Thus when the place holder for the anchor tag is rendered, the user can click on it, this being before the DOM event has occurred. I know that this is an extreme case but as explained in a previous post, my page was referencing a security seal and a site meter count. Only when these were loaded, did the DOM event occur (sometimes taking more than 5 seconds to load). I've since removed these from the product details page which has improved things.

[banswidthjunkie]

I believe that Alex is using the DOM functionality but this does not matter with slow internet connections as the page is rendered as the browser receives the html. Thus when the place holder for the anchor tag is rendered, the user can click on it, this being before the DOM event has occurred. I know that this is an extreme case but as explained in a previous post, my page was referencing a security seal and a site meter count. Only when these were loaded, did the DOM event occur (sometimes taking more than 5 seconds to load). I've since removed these from the product details page which has improved things.

If that is the problem, then why not just wait for the dom load before displaying the link to the image? Maybe a trasition the pops the image box out of the side of the page.

Yeah I can see that due to the way zencart builds the page, this problem is never going to be resolvable without some little trick.

[SilverZulu]

OK, I think I have a solution for the problem where the browser displays the image in a new window, instead of displaying it with the Lightbox functionality. This can happen on a slow or loaded internet connection and the user clicks on the image before the page has completely loaded.

What I did was to manually call the Lightbox init function once the last anchor tag was loaded. This call was insert after the product description. I created an the override tpl_product_info_display.php and inserted the following code directly after the line '<!--eof Product description -->' (line 128 on my system);

<script language="javascript" type="text/javascript"><!--
initLightbox();
//--></script> 

I then removed the loading of lightbox_lightningload.js in product_info/jscript_zen_lightbox.php Just deleted the following line;

echo '<script type="text/javascript" src="' . $template->get_template_dir('.js',DIR_WS_TEMPLATE, $current_page_base,'jscript') . '/lightbox_lightningload.js"></script> 

Since I only use Lightbox in the product details page, I've left all other references the same. It now works a dream (even on a 56kb dialup connection).