Photoswipe not working with Slick Carousel
-
Hi,
I am using Slick Carousel to display images attached to a post. I have on my other sites Photoswipe working swiftly, however on https://dev.realestateconnected.com.au/sites/kerriscoastalrealty/property/2-barnett-close-binalong-bay-tas-7216/ it is not working as I expected.Works here: https://dev.realestateconnected.com.au/testing/abode/property/401-3-waterways-street-wentworth-point-nsw-2127/
(same settings)I even tried to make changes to the plugin just to test if click on images is working, didn’t have luck.
Can any one help me figure out what is the issue?
I am using iThemes Builder theme.Thanks.
The page I need help with: [log in to see the link]
-
I’m sorry, but at a first glance I can’t see why it doesn’t work. However, on the non-working site there is another theme in use – maybe this causes a conflict.
Technically the images are not “seen” by Lightbox with Photoswipe, since the required attributes “data-width” and “data-height” in the image links are missing. These get added by Lightbox with Photoswipe for every linked image on the page and will be used by the frontend JavaScript part to open an image within the lightbox when clicking it. Maybe some other plugin is calling
ob_end_flush()before Lightbox with Photoswipe had a chance to use read the output buffer and add the required attributes to the links.I would first try to disable all other plugins which are not absolutely neccessary to find out if there is any compatibility issue.
If nothing else helps you can also try to add “data-width” and “data-height” manually to the image links as a workaround – if this is possible:
<a .... data-width="1200" data-height="900">The values must be the exact width and height of the full sized image.
For a further analysis I would need to have a copy of the whole website so I can test this in a debugger.
- The topic ‘Photoswipe not working with Slick Carousel’ is closed to new replies.
