Using iLightbox on 1 image in a post?

[seanlincoln]

Hi,
I understand this support forum isn’t for support with iLightbox, however, given that ilightbox is free with x theme I hope I can get help with using ilightbox with a single image I have in my post?

I have attempted to edit the image as HTML and add the [lightbox] shortcode around the image, but that causes an error.

is there a quick and easy way to do this?

all help would be much appreciated.

Sean

[ruenel]

Hello Sean,

Thank you for the details. To resolve your issue, please use the image shortcode together with the responsive lightbox shortcode. You can check out the demos here:

• http://demo.theme.co/integrity-1/shortcodes/responsive-lightbox/
• http://demo.theme.co/integrity-1/shortcodes/images/

Hope this helps.

[seanlincoln]

Thanks for your reply,
I have got it working by uploading the image in the post,
then in the link settings, I created a link to the media file and set an image id in Link CSS Class.

then in the post, I post I created a custom HTML and used the following code…

[lightbox selector=".Decordova-Reid" deeplink="true" opacity="0.875" prev_scale="0.75" prev_opacity="0.75" next_scale="0.75" next_opacity="0.75" orientation="horizontal" thumbnails="true"]

This is working but does require a new custom HTML for every image I want to do this with and it takes quite a while for the lightbox to load, is there a way to speed this up so it loads near instantly?

kind regards

[rad]

Hi Sean,

Unfortunately, there is no other way as the class selector also serves as group, hence, you must use unique class name for each image to prevent them from grouping. You could also use 3rd party lightbox that doesn’t require grouping.

Thanks!