Disable fluidbox on small devices about fluidbox HOT 4 CLOSED

Which article mentioned that statement? I don't remember including that statement in the readme or the demo per se.

It is possible to disable screen resolution, and that will require listening on a pre-determined threshold and then unbinding the click event, or at least returning false at the first possible opportunity, on Fluidbox wrappers. However, that feature is not on the roadmap planned for inclusion in the plugin on the aim to keep it simple.

I don't have much time now to test the concept, but you can choose to listen to the viewport width when the click event is triggered, and return false if a certain threshold is reached. Untested code, but you can try inserting this line after the conditional statement in fbClickHandler where it checks the element if it has the class fluidbox:

if($w.width() < [someNumber]) {
    return false;
}

from fluidbox.

Hi Terry,
Thank you for the tip, I am afraid it will take some time for me to learn js so the code sample is welcome.
The quote comes from the Medium article, point 1, 4-5 paragraphs from the top.

BTW, this might be a good replacement for the photoset code, since it does not show the big image flicker.

Regards,
Ernest

On Jun 11, 2014, at 17:08, Terry [email protected] wrote:

Which article mentioned that statement? I don't remember including that statement in the readme or the demo per se.

It is possible to disable screen resolution, and that will require listening on a pre-determined threshold and then unbinding the click event, or at least returning false at the first possible opportunity, on Fluidbox wrappers. However, that feature is not on the roadmap planned for inclusion in the plugin on the aim to keep it simple.

I don't have much time now to test the concept, but you can choose to listen to the viewport width when the click event is triggered, and return false if a certain threshold is reached. Untested code, but you can try inserting this line after the conditional statement in fbClickHandler where it checks the element if it has the class fluidbox:

if($w.width() < [someNumber]) {
return false;
}```
—
Reply to this email directly or view it on GitHub.

from fluidbox.

Under the following lines (occuring at line 157 and 158 in the non-minified JS file):

// Check if the fluidbox element does have .fluidbox assigned to it
if($(this).hasClass('fluidbox')) {

... add the code block that I have posted before.

from fluidbox.

I just tested the suggested fix, it works like a charm, thank you!

from fluidbox.