Zen Lightbox addon [Support Thread]

Hi everyone.

Sorry for not posting in this thread much. I've been really busy.

However, I'm currently working on the next release of Zen Lightbox and will address as many of these bugs as possible.

Thanks for all the feedback so far. :)

I have successfully installed another lightbox module in WordPress butI have tried lightbox in the Simple Zen template with three installs and even mapping out the directory structure on paper.

Tried it out in FF2 and IE7 and cannot get it to work ....

Any suggestions before I abandon ship?

Hey Alex,
I was just monkeying around trying to adapt this lightbox contrib to something else on my site and got screwed up on the templates... I notice you hardcode templates in so I am making this suggestion:

In all files where you have something like:```

change it to:```
<script type="text/javascript" src="<?php echo $template->get_template_dir('.js',DIR_WS_TEMPLATE, $current_page_base,'jscript');?>/lightbox_prototype.js"></script>

and then move everything from the "template_default" folder of your package to the "YOUR-TEMPLATE-FOLDER" folder.

This will bring your GREAT contrib more in-line with the override and templating standards of the zen platform.

• Steven

Oh, and then change the three appropriate lines of your css file from background:transparent url(../../template_default/images/lightbox/blank.gif) no-repeat; andbackground-image:url(../../template_default/images/lightbox/prevlabel.gif); andbackground-image:url(../../template_default/images/lightbox/nextlabel.gif); to background:transparent url(../images/lightbox/blank.gif) no-repeat; andbackground-image:url(../images/lightbox/prevlabel.gif); and```
background-image:url(../images/lightbox/nextlabel.gif);

 - Steven

Of course, now I see how you have a problem with hardcoding in the lightbox.js file :(

Where it says: ```
//
// Configuration
//
var fileLoadingImage = "includes/templates/template_default/images/lightbox/loading.gif";
var fileBottomNavCloseImage = "includes/templates/template_default/images/lightbox/closelabel.gif";

There's no easy way of doing that without hardcoding.  I suppose the best way to work this if you want to conform as much as possible to the templating scheme of zen without creating a lot of work... is to do this: ```
//
//	Configuration
//
var fileLoadingImage = "images/lightbox/loading.gif";	
var fileBottomNavCloseImage = "images/lightbox/closelabel.gif";
``` and move the two image files to the main image directory.

All just suggestions!

 - Steven

s_mack... That's exactly what I'm doing for the next release.

When I first put Zen Lightbox together I was quite lazy and didn't really make use of the overrides system very well. :(

However, all this will soon change with the next release.

Thanks for the info. :)

I posted on this previously but have yet to resolve. Does anyone have ideas why Zen Lightbox would work fine in Firefox 2 on one PC but not another (but works in IE on both PCs).

In FF2 I see a whitebox on black screen, but nothing else. I assume an issue with the JavaScript. I see that Zen Lightbox loads four different scripts:

1. Prototype JavaScript framework v.1.4.0 (lightbox_prototype.js);
2. Scriptaculous v.1.5.1 (lightbox_scriptaculous.js?load=effects);
3. Lightbox Effects (lightbox_effects.js);
4. Lightbox v2.02 (lightbox.js);

Firebug shows the following errors in stylesheet_lightbox.css (and Web Developer JavaScript console flags the same as warnings):

Error in parsing value for property '-moz-opacity'. Declaration dropped. (line 112)
Unknown property 'filter'. Declaration dropped. (line 114)
Error in parsing value for property 'opacity'. Declaration dropped. (line 117)
Error in parsing value for property 'display'. Declaration dropped. (line 133)

-Woody

also i am just wondering would the next update support slow internet connections? By that i mean, would the plugin be fully loaded faster than before? this has been the thing that stops me from using lightbox, as if it is not fully loaded, the image will only be shown simply as an image, rather than the effect its trying to achieve.

so most likely a stupid question...

but is it possible to change the color of the fade? that is instead of the screen going gray/black could i make the screen go a light pink? or green?

is that in the css? what would it be called?

in the stylesheet_lightbox.css find:```
#overlay {
-moz-opacity:0.6px;
background-color:#000;
filter:alpha(opacity=60);
height:500px;
left:0;
opacity:0.6px;
position:absolute;
top:0;
width:100%;
z-index:90;
}

Change to whatever color suites your fancy

ahhh thank you :)

Hemma:

also i am just wondering would the next update support slow internet connections? By that i mean, would the plugin be fully loaded faster than before? this has been the thing that stops me from using lightbox, as if it is not fully loaded, the image will only be shown simply as an image, rather than the effect its trying to achieve.

It's on the list, but I'm not sure if this feature will make it into the next release. I'll try my best! :)

Alex Clarke:

It's on the list, but I'm not sure if this feature will make it into the next release. I'll try my best! :)

Hi Alex-

Wondering what is planned for the next release? Thanks.

Woody

I'll try to solve most of the problems users have posted here in the next release. There will also be support for 1.3.7, better use of the override system and possible admin controls to allow easy changes to be made to Zen Lightbox.

If you would like to see any features added to the next release please let me know and I'll try my best to include them.

Ooh can't wait can't wait!! .... just a question, how far away would it be? don't get me wrong, I'm not trying to be pushy, but just a rough indication would be fantastic!:smile:

Well... I'm just finishing my new site at the moment and it's taking a little longer than planned. :S I expect to release the new Zen Lightbox within 2 weeks time.

Alex,

I've found this webpage, which discusses about the actual javascript. This part may be of interest to others, who are also having the issue of not wanting to wait until finish loading with the page before the plugin would start to work.

http://www.huddletogether.com/forum/comments.php?DiscussionID=217&page=1#Item_0

Hope this helps.

I'm currently using this site for help! Great minds think alike! :)

Great contribution but I am having a slight problem getting more than just the main image to display. I click next and it just keeps "loading" forever. I am running 1.3.7 and thought (keyword ha) I installed everything correctly.

http://www.sffclub.com/store/index.php?main_page=product_info&cPath=3&products_id=181

There is a link to a product on my site (note the store is not operational yet)

Thanks for anyones help

try reloading the additional_images.php and make sure you use the correct directory tree includes/modules/YOUR_CUSTOM_TEMPLATE_NAME/additional_images.php