Home Forums Air HTML Theme Image cannot be loaded in the Lightbox

This topic contains 3 replies, has 2 voices, and was last updated by  BWSM 5 months, 3 weeks ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #17354

    Rita
    Participant

    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!

    • This topic was modified 5 months, 3 weeks ago by  Rita.
    • This topic was modified 5 months, 3 weeks ago by  Rita.
    • This topic was modified 5 months, 3 weeks ago by  Rita.
    • This topic was modified 5 months, 3 weeks ago by  Rita.
    #17361

    BWSM
    Keymaster

    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.comTwitterFacebook

    #17369

    Rita
    Participant

    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?

    #17375

    BWSM
    Keymaster

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

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

Join Newsletter(FREE)

Subscribe to our newsletter to receive news & updates. We promise to not spam you, super promise!