[Plugin: WP Photo Album Plus] Lightbox and menus

I tried it, but after lightboxing the intro image, I tried Streets->Green End and Buidings->Empsons Garage and this works properly.
This is in Firefox.
What browser do you have the problem with?

I tried it the latest versions of Firefox, Chrome, IE and Safari.
After Lightboxing the image only the first 2 menu items on the left of the menu bar work. There’s no mouse-over effect working on the other items and the menu links do nothing.
I also tried it in IE8 on XP and it works fine there.
Maybe I’ll check with Weaver II support.

Checked it on chrome 20.0.1132.57 no problem My system is a windows7 64 bit dual core Packard Bell laptop
My Firefox is 13.0.1

Weird!
I’ve Windows 7 64bit quad core Dell desktop.
It seems to be specific to my PC.
I tried it 2 other PCs in a variety of browsers and the problem doesn’t show.
Sorry to waste your time.

Never mind.

Hi, thanks for the script.
The problem exist, and it happens only when “wppa-overlay-ic” overlay the menu bar (can change with the monitor resolution of the page?)

A link please, and what browser do you use?

IE8,IE9,Chrome
https://www.hitsquad.it/wordpress/screenshots/?wppa-album=1&wppa-photo=31&wppa-occur=1
the problem in my case and on the davidallen23 site, occurs @ a resolution of 1920×1080 on a 22″ Asus monitor after lightbox zoom. Going up and down the page solves the problem. Everything is ok on a EEEPC 10.1

To add to this I have one page with one photo where using Lightbox affects the menus and another page with one photo where using Lightbox doesn’t affect the menus.
The non-working page is: https://www.gamlingayhistory.co.uk/
The working page is: https://www.gamlingayhistory.co.uk/stan-titmus/
They are both using the same page template, theme etc.
Screen res is 1920 x 1080.
It’s the same on Chrome, IE, Firefox & Safari.
On other machines with different resolutions the problem is not there on any browser.

in short, if the lightbox pic overlay the menu the menu works, if the pic is under the menu then there is an invisible overlay (wppa-overlay-ic) that doesn’t reset( ??? ) when you close the lightbox and remain invisible over the menu or part of it. This happens only if the picture is small, you won’t notice this in a big picture that covers almost all the screen.

I have changed the monitor on the PC where the problem was showing.
I now have a screen res of 1280 x 1024. The problem still shows.
So it would seem that it’s machine specific.

However, since iena69 has the problem as well on a different machine what could it be?

I agree with iena99. That does seem to be what is happening.

A demonstration of this.
Go to my site: https://www.gamlingayphotos.co.uk/latest-additions/
Click on any of the first 3 thumbnails at the bottom of the page – the menu stops working. (Lightbox doesn’t cover the menus)
Now click on the 4th thumbnail. This does cover the menus and after exiting Lightbox the menus work. Makes no difference if you scroll down the page so that Lightbox doesn’t ‘visibly’ cover the menus.

I think i found it. Thanx to your both discussions. It is the padding-top of the image container that remains after clearing the lightbox display. This will happen indeed when the image is relatively small in respect to the screensize. So, always when the natural size of the image is much less than the screen.

Please try this:

In wppa.js around line 2261 (near the end) look for:

function wppaOvlHide() {
	// Clear image container
	jQuery('#wppa-overlay-ic').html('');
	// Remove background

please add one line so it will be:

function wppaOvlHide() {
	// Clear image container
	jQuery('#wppa-overlay-ic').html('');
	jQuery('#wppa-overlay-ic').css({paddingTop: 0});
	// Remove background

and, please tell me if it works…

Yes opajaap, that fixes the problem.
Well done & thank you.