Zen Lightbox addon [Support Thread]

[yellow1912]

Lightbox or Slimbox + Flash on site = NO NO, you will get Operation Aborted on IE

Fix :
http://www.designlegion.com/rave/fla...-satay-method/

[drhiii]

I installed a straight up ZenCart site with no addons except for the Gallery2 Bridge. It does not do anything with Java, just pulls the images from the Gallery2 repository site. And I get the I.E. failures. This is what is so perplexing. A straight ZC install works, but the bridge introduces these abberations. Sigh...

[webbydeb]

Lightbox or Slimbox + Flash on site = NO NO, you will get Operation Aborted on IE

Fix :
http://www.designlegion.com/rave/fla...-satay-method/

I didn't have flash on my site when I was getting the aborted problem. I still don't!

[Svault]

Lightbox or Slimbox + Flash on site = NO NO, you will get Operation Aborted on IE

Fix :
http://www.designlegion.com/rave/fla...-satay-method/

I don't think I've flash on my site either.
Just used the Developers Tool Kit. Only flash i can find is from jscript_zen_lightbox.php

[Svault]

I am not sure what is conflicting with IE but I've solved the issue of product page unable to load by deleting this file:
\includes\modules\pages\product_info\jscript_zen_lightbox.php

Now my website uploads in IE but Lightbox is disabled/not working.

[Svault]

This code was directly copied from:
\includes\modules\pages\product_info\jscript_zen_lightbox.php

<?php
/**
 * Zen Lightbox v1.4
 *
 * @author Alex Clarke ([email protected])
 * @copyright Copyright 2003-2005 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * @version $Id: jscript_zen_lightbox.php 2007-09-15 aclarke $
 */

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

?>
<script language="javascript" type="text/javascript"><!--
var fileLoadingImage = "<?php echo $template->get_template_dir('.gif', DIR_WS_TEMPLATE, $current_page_base,'images'). '/zen_lightbox/' . 'loading.gif'; ?>";
var fileBottomNavCloseImage = "<?php echo $template->get_template_dir('.gif', DIR_WS_TEMPLATE, $current_page_base,'images'). '/zen_lightbox/' . 'closelabel.gif'; ?>";
var overlayOpacity = <?php echo ZEN_LIGHTBOX_OVERLAY_OPACITY; ?>;
var overlayDuration = <?php echo ZEN_LIGHTBOX_OVERLAY_DURATION; ?>;
var animate = <?php echo ZEN_LIGHTBOX_RESIZE_ANIMATIONS; ?>;
var resizeSpeed = <?php echo ZEN_LIGHTBOX_RESIZE_SPEED; ?>;
var borderSize = <?php echo ZEN_LIGHTBOX_BORDER_SIZE; ?>;

<?php

if (ZEN_LIGHTBOX_CLOSE_OVERLAY == 'true') {

echo 'var objOverlay = document.createElement("div");
objOverlay.setAttribute(\'id\',\'overlay\');
objOverlay.style.display = \'none\';
objOverlay.onclick = function() { myLightbox.end(); }
        
var objLightbox = document.createElement("div");
objLightbox.setAttribute(\'id\',\'lightbox\');
objLightbox.style.display = \'none\';
objLightbox.onclick = function(e) {
if (!e) var e = window.event;
var clickObj = Event.element(e).id;
if ( clickObj == \'lightbox\') {
myLightbox.end();
}
};';

} else {

echo 'var objOverlay = document.createElement("div");
objOverlay.setAttribute(\'id\',\'overlay\');
objOverlay.style.display = \'none\';
        
var objLightbox = document.createElement("div");
objLightbox.setAttribute(\'id\',\'lightbox\');
objLightbox.style.display = \'none\';';

}

if (ZEN_LIGHTBOX_HIDE_FLASH == 'true') {

echo 'function hideFlash(){
var flashObjects = document.getElementsByTagName("object");
for (i = 0; i < flashObjects.length; i++) {
flashObjects[i].style.visibility = "hidden";
}

var flashEmbeds = document.getElementsByTagName("embed");
for (i = 0; i < flashEmbeds.length; i++) {
flashEmbeds[i].style.visibility = "hidden";
}
}';

} else {

echo 'function hideFlash(){
}';

}

echo 'function showSelectBoxes(){
var selects = document.getElementsByTagName("select");
for (i = 0; i != selects.length; i++) {
selects[i].style.visibility = "visible";
}
flashObjects = document.getElementsByClassName(\'' . ZEN_LIGHTBOX_HIDE_ME . '\')
flashObjects.each(function(object){
Element.show(object);
})
}

function hideSelectBoxes(){
var selects = document.getElementsByTagName("select");
for (i = 0; i != selects.length; i++) {
selects[i].style.visibility = "hidden";
}
flashObjects = document.getElementsByClassName(\'' . ZEN_LIGHTBOX_HIDE_ME . '\')
flashObjects.each(function(object){
Element.hide(object);
})
}';

?>

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

I compared the different pages (product page vs catalog page) and the difference i found was the above code. Once the above code was taken out, the product page loads fine but without the functions of Lightbox. I really like the Lightbox function and I hope that someone can look into the above code and see if it is IE compatible. Thanks!

[drhiii]

Hm, that's interesting. I may try to remove it and see what happens. I can't even get the image attributes to display with this Gallery2 bridge in place. Thought that was very odd. But will give this a shot.

Is too bad about Lightbox too. That is a nice thing. Dunno how many times Microstuff and I.E. have raised their ugly head and bt me in the arse.

[nosleephotel]

I'm sure this has been answered but I've been searching through this thread for awhile now looking for an answer to no avail. How would I enable Lightbox on EZ pages?

[countrycharm]

Hi guys I know what you all are going through with this Module. I am not downing this Module but I had this same problem in IE. I decided to try other Modules and find one that worked for me. I'm not saying it will for you but you can try it and see. It is free also. Like I said I'm not downing this Module I think it was great at the start. Here is the link to the other one.

[nosleephotel]

I'm sure this has been answered but I've been searching through this thread for awhile now looking for an answer to no avail. How would I enable Lightbox on EZ pages?

Can anyone answer this?