image shows as broken in lightbox

Hi Bert,

At first glance, it’s hard to tell what might be going on because the source for that broken image just shows as undefined.

Did you migrate your localhost site over to this online site? If so, how did you do it? I’m just wondering if maybe some image or other URL data did not get migrated correctly.

To test this, go into our plugin settings and check the “All WordPress Galleries” option for showing the lightbox. Then create a brand new page and place a gallery on it. Do the images correctly open in the lightbox?

I didn’t migrate the localhost site but recreated the lightbox part for the online site. So the information about the images comes from the right pod. I did have a similar problem on the localhost site, but was able to fix this. I tried both versions I had on my localhost site, but neither works. The source of the image shows indead as undefined.

For test purpose I tried your suggestion for the wordpress gallery, and then it works correctly. (this page works )

if you need further information, I will be happy to supply this.

Thanks,
Bert.

Hi Bert,

In that case, for the images that are not working, what is the trigger that is making them use the lightbox? i.e. Which choice from the main “Add Lightbox Options” setting do you have checked to give these images the lightbox? (For example, are using the class or selector options)?

We know the lightbox is working for you, so the issue is either with the image URL or the way it’s configured to make use of our lightbox.

Hi,

I use the class option to make the lightbox work. In my opinion it should be something with the image url since the lightbox opens on clicking the image. You get to see the lightbox background and cotrols so I would say the configuration to make use of the lightbox is ok.

There is one thing I need to try, but I don’t have much time today. Do you know wether it makes any difference if you upload the images to be used with the lightbox or you select them from the media library? That might be the only difference between the localhost site and the online site.

Thanks so far,
Bert.

Hi Bert,

That shouldn’t make any difference at all, especially not if you’re using the class option. In that case, all it’s doing is looking for that class, grabbing the source URL of the image with that class, and then using that as the image URL in the lightbox. Is it possible that the selector you are using needs to be modified?

I would actually suggest, if you’re not sure, to just use the selector option, and not the class name option in our plugin. And keep in mind that the focus of the selector should be an image (i.e. and not the containing div for an image).

So, for example, if your image has a class name itself, then you could just do something like:

.class-name-of-image

Or, if your image is contained within a div that you want to target, do something like:

.class-name-of-containing-div img

• This reply was modified 3 years, 4 months ago by jaysupport.

Hi,

I managed to solve the problem. I used the following as selector: wdtv_lghtbx_img which was the containing div in which the image is placed. I just added img to the selector: wdtv_lghtbx_img img and now all works as intended.

Thanks very much for your help!