Problem with adding lightbox to images

Replies: 0

Hi,

I have a (in my opinion) strange problem with adding lightbox to images. I started on my localhost site and installed the ‘ultimate lightbox’ plugin because it gives the possibility to add a class or css selector to add the lightbox functionality to. I have a pod with multiple images and I created a pods template to show this pod on the page linked here above. At first it gave a broken image in the lightbox when you clicked the small image. After trying some variations I managed to get it working, and the pods template is as follows:

<div class="wdtv_template_container">
	<div class="wdtv_template_title">
		{@post_title}
	</div>
	<div class="wdtv_img_lghtbx_row clear">
		[if fotos]
			[each fotos]
				<div class="wdtv_img_lghtbx">
					{@_img.large}
				</div>
			[/each]
		[/if]
	</div>
</div>

At first I had instead of {@_img.large} the following: <img src="{@_src.large}">, but that resulted in the broken image (the source for the broken image shows as ‘undefined’).

Next I repeated the process for a online site, copied the pods template, checked all the settings were similar, but the lightbox show broken image (see link below). I tried the <img… > version, but this has the same effect. I also tried the following line of code: <a href="{@_src.large}"><img src="{@_src.large}"></a>, but still the same result.

Do you have any idea why this is working on my localhost site but not on the online site? Both have the same plugins installed and I checked that all settings are the same (several times).

I have also reached out to the team behind the lightbox plugin, but haven’t had a definitive answer yet.

I don’t know where the problem lies, but would be realy gratefull if you could give me some hint as where to go next.

Thanks in advance,
Bert.

• This topic was modified 13 minutes ago by berttervoert.