Conflict/issue with "Responsive Lightbox"

  • Resolved bnh1

    (@bnh1)


    11 years, 3 months ago

    Hi,

    I’m trying to use the Responsive Lightbox plug-in along with WPTiles (which is lovely by the way), but am having a strange issue on iPad/iPhone/mobile devices (only). First, to get Responsive Lightbox to load on gallery images, I added rel=lightbox to image lines in the src/WPTiles/WPTiles.php file. That does indeed work, and the various lightbox options in Responsive Lightbox are enabled afterwards. The problem is that the only one I care about is Swipebox, and swiping, clicking, pretty much everything is broken for mobile devices. One swipe will work, a second usually will not, and the ability to close the swipe box is lost in the process, causing the need for a complete page reload. The conflict definitely lies with the interaction between these two plug-ins, I have a test site I use and with no other plug-ins activated, as soon as WP Tiles is enabled the swiping is broken.

    Do you have any advice as to how I could track down code-wise what’s actually causing the problem? I’m able to debug page activity via the iOS simulator, but am lost as to how to determine what’s actually causing the problem.

    I was also going to make contact and to see if a rel= tag couldn’t added as a plug-in option, I think it’d be a nice addition.

    Thanks for any thoughts,
    ben

    https://ww.wp.xz.cn/plugins/wp-tiles/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Mike Martel

    (@mike_cowobo)

    11 years, 3 months ago

    Hi @bnh1,

    Thanks for your comment. At the moment, WP Tiles supports all lightboxes that use the same syntax as the built-in thickbox. That is by attaching to all links with the class thickbox, grouped by rel.

    From a quick look at Responsive Lightbox, I get the impression they attach to every link that starts with a certain rel attribute. We could add compatibility by adding a prefix to the rel attribute in WP Tiles, and then using that prefix in the Responsive Lightbox settings. I’ll put looking into this on the roadmap!

    As for your script problem, you could try to debug it by using Chrome remote debugging. Not sure how this works with iOS, but I found this. Then you would be able to check the console for JavaScript errors, and also look at the DOM to see if WP Tiles is maybe overlapping the lightbox somewhere.

    Also, make sure that WP Tiles hans’t loaded the default WP thickbox! Maybe the tiles lightbox is opening the Responsive Lightbox as well as Thickbox?

    Just to be sure, when WP Tiles is activated, does the problem occur: 1. only on lightboxes from tiles, 2. only every lightbox, on a page with WP Tiles on it or 3. on every lightbox on your website?

    Good luck!

    Mike

    Thread Starter bnh1

    (@bnh1)

    11 years, 3 months ago

    Hi Mike,

    Thanks for the reply. It turns out I was wrong, and the issue was/is solely with the version of the swipebox code included with Responsive Lightbox.

    I believe I have resolved the problem by updating to v1.2.5 of responsive lightbox.

    Thanks for the solid plugin.

    -ben

    Thread Starter bnh1

    (@bnh1)

    11 years, 3 months ago

    Doh: “… updating to v1.2.5 of responsive lightbox.” => I “v1.2.5 of swipebox“.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Conflict/issue with "Responsive Lightbox"’ is closed to new replies.