Doesn't work with WPTouch?

Hello Mike,

What kind of problem do you have exactly on your iPhone ?

The lightbox itself is not yet touch-ready but should be in a close futur ( you will be able to swipe to change images ).

Best,

On my phone, when you click an image it links to the jpg versus using the lightbox.

Visit this on a mobile device and try it. You *should* see the WPTouch page, not the same as the desktop version. https://www.photokaz.com/blog/2016/03/07/the-wonderful-art-of-dale-chihuly/

Hello Mike,

Hmm to be honest I don’t know WPTouch plugin, but even from my desktop, I can see that on the page you linked the lightbox is not active, and it might be because there is not container with the class “entry-content” which is the default selector for the plugin.
I think in your case you could add the class “post-text” to the list of selectors in the plugin settings.

To do so, please go to your dashboard, in the left sidebar click on meow apps, then meow lightbox.

Edit the field “selector”, write : “.entry-content, .post-text” and save the settings ??

It basically tells the plugin : “If theres is an image inside a container with either the class entry-content or post-text, apply the lightbox to them”. We need this settings so that lightbox won’t be triggered on undesired images as banners, article featured images etc..

Best,

Thomas,

I already edited the plugin config and added the right container. I have confirmed that the lightbox works but only after the page is fully done loading. I noticed that if you click an image before the page loads nothing happens, so maybe the script is loading at the end?

Hey Mike,

Thing is a bit more complex, we are actually using an asynchronous ajax call to retrieve all the image informations from wordpress ( url, exif etc.. ). So in order to don’t freeze the UI while loading, I kept it asynchronous and disabled the lightbox while it’s not fully loaded.

The thing is that wordpress is tricky when it comes to retrieving images src or even the image id, the markup change if it’s a thumbnail size image, an image in a gallery etc.. so the cleanest and safest solution we found was to actually add a filter to the images and add their id in an attribute so that I can then retrieve all the informations on the “front” side thanks to this id.

So maybe I could display a lightbox “loader” while the asynchronous calls are not all finished.. I’ll think about it ??

Cheers,

Well if it was easy everyone and their grandma would write a lightbox plugin ??