Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to disable swiping fancybox slides by mousemove

I'm using fancybox 3. I need to turn off swiping fancybox slides by mousemove. I would like to leave only control buttons next\prev. How can I do that? Thanks.

like image 354
Dmitry B. Avatar asked Aug 07 '17 18:08

Dmitry B.


3 Answers

So, the full answer will be:

Using data-options attribute

<a data-options='{"touch" : false}' data-fancybox data-src="#myElement" href="javascript:;">Click me</a>

Or when initializing fancybox

$('selector').fancybox({
    touch: false
});

From @Janis answer here: https://github.com/fancyapps/fancybox/issues/1277

like image 163
Dmitry B. Avatar answered Nov 11 '22 05:11

Dmitry B.


Simply set touch:false to disable touch events.

like image 9
Janis Avatar answered Nov 11 '22 05:11

Janis


The previous answer did not work for me on Fancybox 3.5.*. I had to move the touch option to inside the opts object, like as follows:

$.fancybox.open({
    src: yoursource,
    opts: {
        touch: false
    }
});
like image 5
Telperion Avatar answered Nov 11 '22 05:11

Telperion