Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

data-fancybox="single" disable sliding ? #36

Closed
quasiperfect opened this issue Jul 27, 2021 · 3 comments
Closed

data-fancybox="single" disable sliding ? #36

quasiperfect opened this issue Jul 27, 2021 · 3 comments

Comments

@quasiperfect
Copy link

hi

multiple data-fancybox="single" are treated as a gallery ?( you can slide left and right) how can i stop that ?

@fancyapps
Copy link
Owner

Hi,

Currently, the only way to disable grouping is to give unique data-fancybox attribute values, e.g., data-fancybox="single-1", data-fancybox="single-2".

I'll add an option to make it easier, thanks for the feedback!

@Fabilatius
Copy link

Hi,

still doesn´t work for me. I have 2 Elements on my page which trigger html content:

<a href="#" data-fancybox-html="about-us" data-src="#about-us">About us</a>

and

<a href="#" data-fancybox-html="for-students" data-src="#for-students">Students</a>

still grouping.

Initialization
Fancybox.bind('[data-fancybox-html]', { autoFocus: false, animated: false, dragToClose: false, showClass: false, hideClass: false, });

@fancyapps
Copy link
Owner

fancyapps commented Aug 6, 2021

Hi,

The first beta was released yesterday and offers new ways to easily control grouping, see this demo - https://fancyapps.com/playground/w6

Basically, either do not use data-fancybox attribute at all (you can use any CSS selector to target your links) or set groupAttr: null.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants