cancel
Showing results for 
Search instead for 
Did you mean: 

Customising light box or gallery popup on Website

FIXED
Community Veteran
Posts: 38,460
Thanks: 1,027
Fixes: 62
Registered: 15-06-2007

Customising light box or gallery popup on Website

This is a bit technical and relates to a Wordpress site I am designing

What I want to do sounds very simple but I am having no success in doing it

When you click on a thumbnail and the image pops up the background including the menu fades.
How do I control the degree of fade.

This is what it looks like

2016-04-26_174145.jpg

7 REPLIES
Superuser
Superuser
Posts: 9,513
Thanks: 868
Fixes: 53
Registered: 06-04-2007

Re: Customising light box or gallery popup on Website

No luck from Google?

Does the First Web Magazine article Create CSS popup with Lightbox effect provide any clues?

David
Community Veteran
Posts: 38,460
Thanks: 1,027
Fixes: 62
Registered: 15-06-2007

Re: Customising light box or gallery popup on Website

it does - I need to alter the Z index I think

So unless there are more specific pointers I will need to go through the css code built in to the Wordpress Theme or Plugin

Superuser
Superuser
Posts: 9,513
Thanks: 868
Fixes: 53
Registered: 06-04-2007

Re: Customising light box or gallery popup on Website

Yes, I think the z index plays an important role in this.  I'm not sure if WordPress uses jQuery but blog jQuery: Grey out background and preview image as popup contains code and a working demo using this package.

David
Community Veteran
Posts: 38,460
Thanks: 1,027
Fixes: 62
Registered: 15-06-2007

Re: Customising light box or gallery popup on Website

I think I understand what is happening now thanks

Having contacted the supplier of the gallery plugin it will be fixed in the next issue - they say - so I will wait and see

Community Gaffer
Community Gaffer
Posts: 3,186
Thanks: 1,838
Fixes: 69
Registered: 22-02-2016

Re: Customising light box or gallery popup on Website

Normally in these types of plugins there is some CSS applied to the body with a background colour and opacity. Are you able to locate the opacity in the plugin CSS and change it? You might be able to override the default behaviour unless it is done directly on the elements via javascript then it would be the plugin javascript file that needs to be changed...

Frontend Web Developer | www.plus.net

If you have an idea to improve the community, create a new topic on our Community Feedback board to start a discussion about your idea.

Community Veteran
Posts: 5,237
Thanks: 1,321
Fixes: 31
Registered: 16-10-2014

Re: Customising light box or gallery popup on Website

@Oldjim - As @jaread83 says you could override it in the mean time using jQuery, for example:

  $( "#ITEMS-INDEX-VALUE" ).fadeTo( "slow" , 0.5, function() {});

You (or anyone) can try this using the browser's debugger, just find an element with an id= and use it to replace ITEMS-INDEX-VALUE above and press enter.

Community Veteran
Posts: 38,460
Thanks: 1,027
Fixes: 62
Registered: 15-06-2007

Re: Customising light box or gallery popup on Website

Fix

Problem fixed with plugin updated version - thanks for the suggestions

The transparency setting now works as it should