I realize this is custom work but thought I’d ask in case anyone has tried. As you know, PrettyPhoto’s lightbox looks terrible on mobile devices. Raygun has a plugin that works with wordpress gallery – when you click on a wordpress gallery thumbnail, the gallery opens in a mobile ready lighbox.

This plugin attaches a PhotoSwipe-powered mobile slideshow to the built-in WordPress [gallery] shortcode. To use the plugin, simply upload images to your post or page and click the “Insert Gallery” button. Make sure your gallery images link to the image files and not the attachment pages. The shorcode will look like [gallery link=file]. That’s all there is to it! The plugin will take care of the rest.

Thanks! I’m desperate to find a good solution. Fancy box was recommended but it doesn’t look good either.

To keep things simple i decided to disable the prettyphoto lightbox all together on all devices. So now the wordpress gallery images open up the PhotoSwipe mobile-friendly lighbox on all devices but the portfolio slideshow images do not. When I asked Raygun, maker of PhotoSwipe, the same question, they say this:

Adding click=fullscreen to your shortcode will make it so that clicking on a slideshow image opens a PhotoSwipe slideshow of all the images in the portfolio slideshow. Adding fullscreen=true won’t do anything to clicking on main images, but it’ll add a little icon to your navigation that, when clicked, will open a similar PhotoSwipe slideshow.

I am really not familiar how the Raygun Mobiler Gallery Slider works. The snippet I provided will disable the lightbox when viewing from ipod, iphone or ipad, if not then lightbox will be enabled. I just thought if we can disable the native lightbox use by theme when viewing from the said devices then you can work out on your Raygun slider.