ARI Soft - Limit maximum image size on iPad

Home

News

Forum

About Us

Demos

Products

F.A.Q.

Featured Demos

ARI Smart Content demo

ARI Quiz demo

WordPress Quiz plugin

WordPress Lightbox plugin

e-mail: info@ari-soft.com

Shopping Cart

You currently have 0 items in your cart.

Show Cart

Recent Events

31/12/2023 New Year SALE

We are glad to announce New Year SALE. 25% discount for all our extensions. Use NY24 coupon code. Hurry up the discount is valid till 7 January.

more...
21/11/2023 BLACK FRIDAY 23 is coming

BIG SALE, 35% discount for all our extensions. Use BF23 coupon code. Hurry up the discount is valid till 27 November.

more...

2Checkout.com, Inc. is an authorized retailer of goods and services provided by ARI Soft.

Welcome, Guest
Please Login or Register. Lost Password?

ARI Soft Forum

WordPress plugins

ARI Fancy Lightbox

Limit maximum image size on iPad

(1 viewing) (1) Guest

"ARI Fancy Lightbox" WordPress plugin

Page: 1

TOPIC: Limit maximum image size on iPad

Forum Tools

#64175

Limit maximum image size on iPad 5 Years, 5 Months ago	Karma: 0
I've got the lightbox working great on desktop monitors where my images display at 1:1 pixel ratio. However, on the iPad the images are enlarged to fill the screen. This can make the images look a little blurry on the sharp retina screen. Is there a way to limit the maximum height and width of the images on the iPad (e.g. so they fill about 75% of the screen maximum)? Thank you.

Octorob

The administrator has disabled public write access.

#64187

Re:Limit maximum image size on iPad 5 Years, 5 Months ago Karma: 748

Hello,

Try the following solution: open "ARI Fancy Lightbox -> Settings -> Advanced" page and populate "Custom JS code" parameter with the following code:

Code:



$.fancybox.defaults.afterLoad = function(instance, current) {

        if (current.type !== 'image') return ;



        var pixelRatio = window.devicePixelRatio || 1;



        if ( pixelRatio > 1.5 ) {

            current.width  = current.width  / pixelRatio;

            current.height = current.height / pixelRatio;

        }

}

Regards,
ARI Soft

admin