rlightbox2
rlightbox2 copied to clipboard
ryrych
Not opening on an iPad
On your example page, unable to trigger lightbox with a click on an iPad.
Thank you very much for your bug report.
It is rather not iPad but Safari browser for iPad issue. As far as I know, for mobile devices like iPad there is jQuery mobile, not ‘desktop’ jQuery. jQuery mobile is in alpha state and it is not ready for everyday use.
Basically, rlightbox was intended for desktop browser. I have an opportunity to use an iPad in my home, but I don’t use it. Nor I have knowledge how to debug in mobile browsers.
I will try it, and, if it is trivial, I’ll try do my best.
OK. I browsed jQuery mobile page (http://jquerymobile.com/) and it is now in beta. It seems that I would have to adapt rlightbox to this new library because it uses other events (that’s why ‘click’ is not working) and other styling.
Now, I’m working on version 1.1. So, maybe in 1.2 I will tailor widget to the mobile jQuery requirements.
Indeed, it seems very interesting and quite funny to play with.
I found that the lightbox actually opens but it opens at the top of the page, not where the user clicks. if one clicks on the image and scrolls to the top of the page you can see the lightbox open.
Mike
Currently I don’t have an access to iPad so I cannot try it out. But as I said before, ‘desktop’ jQuery is not adapted for mobile devices like tablets, smartphones. That’s why jQuery Mobile is being developed.
I can’t promise, but I would like to create rlightbox for mobile devices, based on ‘desktop’ version. When? I don’t know.
Stay tuned.
And thank you Mike for your interest!
Came here to report an issue on mobile, then read this. Guess I'll switch to another library that is mobile-friendly, but I was actually expecting this one to already be since I was led to it from a article talking about responsive design. Here's hoping for a 1.2 version soon because there's really few options out there in terms of a good lightweight lightbox solution for mobile. My second choice is weighing in at almost 80kb, which is why I tried rlightbox first.
I'm also looking for a lightbox solution for mobile, and haven't found ANY at all. Jarrong, what was the solution you found?
your rlightbox works on the iphone. Fantastic! It would be great if it would work on all mobile and touch devices. And a separate file for each Theme would be great (lower file size). Which Jquery version is the minimum required?
Actually there is one theme with the bundle and you can downloads others and use it just linking to them. Please read about themes in the documentation.
The minimum version of jQuery that is required is 1.6
@toddlower, I ended up using photoswipe for my photo gallery that works as a lightbox and slideshow. I use a jQuery Mobile dialog box for my html content, which is not the greatest since it needs to go get the page to show it in a dialog.
The problem with the lightbox showing at the top is a common problem with mobiles not supporting position:fixed; but instead converting it to position:absolute;. And i don't think there is any solution to this yet, only some javacript to calculate where the viewport is currently, then apply position:absolute at that point. So scrolling and auto-resizing will break on mobiles and tablets when changing view mode to portrait. As mentioned, jquery mobile solves this, but it also adds a heft extra download.
It was not ‘position: fixed’ but ‘overflow: hidden’ on BODY which caused the problem. (BTW it also fixed another issue). Now I have lightbox centered on my ipad.