ilightbox – Change default sizes

[apsorted]

Hi there,
got a question regarding the “ilightbox” fullscreen functionality:

Q) When entering into the fullscreen mode in ilightbox ….surprisingly! the image displayed is SMALLER than when viewed in in NON-fullscreen? Why would this be useful to the user? Surely, the idea behind fullscreen is to show the item at the largest size possible?

How can I ensure my lightboxed images – when in fullscreen mode are bigger than the current default size? IE: edge to edge with a small amount of padding?

From my child theme I have managed to re-size the full screen image:

.ilightbox-fullscreen div.ilightbox-container{
height: auto !important;
width:100% !important;
}

But re-positioning it is a problem as I can see this is being dynamically generated via the JS.

Any help would be appreciated?

[Rui Guerreiro – SUPPORT]

Hi,

I have some doubt in how to achieve this. Will forward to our development team.
Let’s wait for the reply.

-Rui

[apsorted]

Thank you Rui, I look forward to some feedback from your development team 🙂

[Rui Guerreiro – SUPPORT]

no problem, let’s wait. Probably only tomorrow.

-Rui

[Swift Ideas – Ed]

Hi @apsorted

This is due to an issue with iLightbox’s handling of larger images. If you’d like to test, you can adjust the /js/functions.js line 2812:

maxScale: 0.6,

If you change that to 1.0, that should increase the size you see? Let us know.

– Ed

[apsorted]

Hi ED,
this works perfectly!

However, Problem – how can I get this customisation into my child-theme? I have my own custom enqueue’d js file in my child theme, but I am no JS expert?

Can you suggest a method to overwrite this function in my child theme? Can I dequeue this function (var lightbox) then enqueue it my my js file?

Any help or guidance would be appreciated 🙂

[Swift Ideas – Ed]

Unfortunately there isn’t currently a way to override just that function, but we will look to set it up as a possibility in the future. For now the easiest way would be changing it with updates. Else you’d need to dequeue the JS file, and enqueue a custom file – but that wouldn’t be updated unless you manually updated it.

– Ed