Image cannot be loaded in the Lightbox

[Rita]

Hi,

I am using the “project-item-standard-text-center.html” file and replacing the pictures.

I replaced the “src” in img and the “href” in a with a #.
It shows in the webpage. But when I clicked the image, it would not load in the Lightbox mode. (It says “The image could not be loaded.”)

I am not sure how does the Lightbox work but I noticed that the pics loaded in the Lightbox in your template html files are all from the link you wrote in the “href” in a.
Does that mean I have to upload the picture online and have a url first?

Thank in advance!

[SeaTheme]

Hi,

You should replace the href and data-src (not src) with your own image URL. Please change these options also: width/height, padding-top and data-size.
https://drive.google.com/open?id=1Oa2vPpdyyL2jx9bjJVu2MIWEeq1S0Ega

Refer the DOC:

Please set the thumbnail image file url into <img data-src=””>. We use the placehold url to replace the real image file in demo template file (like http://placehold.it/650×490). Set the target image file url into <a class=”lightbox-item” href=””>.The padding-top percentage value of ux-lazyload-wrap wrap is the thumbnail image origin size (height / width) * 100.

Regards!
Bwsm – uiueux.com – Twitter – Facebook

[Rita]

Thank you for the reply.

But the problem is I don’t have other places that I can upload pictures first. (The way I used to do this is to upload in the “asset” file along with the html and css files.)
Is there any workaround for me to use the lightboxs without the urls?

[SeaTheme]

Yes, please use relative file path like <a class="lightbox-item" href="asset/***.jpg”>...<img data-src="asset/***.jpg" ...

[Author]

Posts