Scaling images for mobile devices

Ask any plugin errors & bugs related issues here

Moderator: forum_m

Post Reply
derekmparker
Posts: 4
Joined: January 21st, 2016, 10:03 pm

Scaling images for mobile devices

Post by derekmparker » February 12th, 2016, 9:34 pm

I have Lightbox Pro installed and the lightbox style is swipe box. When you view the larger images on a phone, horizontal images are at 100% height so you have to rotate your phone depending on whether the photo is vertical or horizontal. Is there a way to scale the images on mobile devices? I tried updating the css to 100% width, but then they are 100% on the desktop version as well which makes them pixelated.

User avatar
admin
Site Admin
Posts: 2880
Joined: June 5th, 2014, 1:03 am

Re: Scaling images for mobile devices

Post by admin » February 13th, 2016, 12:16 pm

Hi Derekmparker,

Could you share your gallery URLs?

Also share the screenshot of issues. (share pic here http://postimage.org/)

We will check and let you know.

Thanks

derekmparker
Posts: 4
Joined: January 21st, 2016, 10:03 pm

Re: Scaling images for mobile devices

Post by derekmparker » February 15th, 2016, 7:08 pm

The URL is http://bluespringsdesign.com/barber/kitchen-gallery/ and I have a screen shot from my phone uploaded. This particular screen shot shows what a horizontal photo looks like.

I was also wondering if there's a way to disable the hover animation and camera icon. When viewing the gallery on a phone, you have to tap the thumbnail twice - once to activate the hover and once to enlarge the photo. Let me know if I need to start a separate thread for this question.

User avatar
admin
Site Admin
Posts: 2880
Joined: June 5th, 2014, 1:03 am

Re: Scaling images for mobile devices

Post by admin » February 16th, 2016, 11:44 am

Hi Derekmparker,

1. Want to hide Camera Icon
- Go to gallery setting at the forth last position there is setting name "View Lightbox".
- Set View Lightbox = Image and you done.

2. Want to remove Hover
- Need to update plugin code
- File: lightbox-slider-pro.php
- Comment two code lines 58 and 112 as below. (you can search string easily)

Code: Select all

// wp_enqueue_script('wl-lbsp-hover-pack-js',WEBLIZAR_LBSP_PLUGIN_URL.'js/hover-pack.js', array('jquery'));
// wp_enqueue_style('wl-lbsp-hover-pack-css', WEBLIZAR_LBSP_PLUGIN_URL.'css/hover-pack.css');
3. Images Pixelated in horizontal mode into phone.
- Could you share us your screenshot? We will check and update you on this. Also let us know phone / device name.

Thanks

derekmparker
Posts: 4
Joined: January 21st, 2016, 10:03 pm

Re: Scaling images for mobile devices

Post by derekmparker » February 16th, 2016, 8:11 pm

Thanks, the code worked perfectly for the hover. I have a screen shot attached to this post (I had used the image share link before). I'm using an iPhone 6 with Safari. This is a horizontal shot so most of the right side is cut off.
Attachments
IMG_3148.PNG

User avatar
admin
Site Admin
Posts: 2880
Joined: June 5th, 2014, 1:03 am

Re: Scaling images for mobile devices

Post by admin » February 17th, 2016, 7:02 pm

Hi Derekmparker,

Could you send us your site temp admin access?

Mail at: lizarweb[at]gmail[dot]com

We will update a minor code to fix this.

Thanks

derekmparker
Posts: 4
Joined: January 21st, 2016, 10:03 pm

Re: Scaling images for mobile devices

Post by derekmparker » February 17th, 2016, 9:12 pm

Just sent it, thanks.

User avatar
admin
Site Admin
Posts: 2880
Joined: June 5th, 2014, 1:03 am

Re: Scaling images for mobile devices

Post by admin » February 18th, 2016, 12:08 pm

HI Derek,

We have updated plugin code.

Thanks

Post Reply

Return to “Plugin Problem, Errors & Bugs”