Fancybox v5 (Lightbox and Galleries)

artificialflow

Darkle Got it. thank you so much.

Darkle

1.1.1

What's Changed

Full Changelog: 1.1.0...1.1.1

Exclude Fancybox from LinkPreview by @datlechin in iamdarkle/fancybox8
Bump js deps

New Contributors

@datlechin made their first contribution in iamdarkle/fancybox8

♻ Update

composer require darkle/fancybox
php flarum cache:clear

Subarist

Darkle
Dear Sir,
I am currently using:
https://github.com/malago86/flarum-ext-fancybox
The only reason is that it uses thumbnails when the article page loads
I think this is very helpful for the readability of the article, especially on mobile phones, it is very concise.
Imgur

I've tried several versions of your Fancybox and it seems to be showing the original photo size on the article.
I don't quite understand what is the difference between these codes
In your version, is there any way to make the original article show thumbnails by default?
This would be perfect for me.
ps, sorry for my bad english ^^

Darkle

Subarist Sorry for the late reply, I really hadn't seen the message. This is not supported, at least not by default, but it could definitely be done, although it's something that will take more work as I think it should be something optional in the admin panel.

hrvoje_hr

Darkle is it possible to stop it from catching emoticons from Flamoji as well?

Darkle

1.1.2

What's Changed

Full Changelog: 1.1.1...1.1.2

Prevent Flamoji custom emojis from being captured by fancybox (hrvoje_hr This should be fixed)
Bump js deps

♻ Update

composer require darkle/fancybox
php flarum cache:clear

Hari

Darkle add an a option to exclude svg and gif

hrvoje_hr

Darkle thx! I can confirm that it doesn't catch custom Flamoji emojis anymore

heyitsritesh

This extension picks up all the images from the given post and uses the fancy box to display a slider gallery with small thumbs at the bottom.

I don't understand why it behaves like this. It's a fancybox extension, not a slider gallery extension.

There's another extension that works correctly: https://discuss.flarum.org/d/19535-fancybox-extension-beta

It isn't updated in a really long time. I hope this extension gets updated to only display the clicked image, instead of showing a gallery of all the images.

Darkle

heyitsritesh It's not something particular to this extension, modern versions of fancybox work like this by default, but if you don't want the slider to appear it's something you can hide, the extension you're pointing to uses an older version of fancybox so I guess that's why it doesn't appear.

heyitsritesh

Darkle Got it, thanks. How do I hide the slider? I just want the clicked image to pop up. No thumbnails or sliders.

Darkle

heyitsritesh You could compile your own version by adding that setting in the index.js or just use CSS to not show the slider, you would have to add this:

.fancybox__thumbs {display:none;}

Benzitczo

¡Gracias, esta mejor zoom funcionando!

adbo

Thanks for the great extension! This is really helpful for photography and graphics threads to view images full screen.

I noticed you managed to suppress/ignore fof/reactions and Flamoji images from fancybox. Any chance you could suppress Country Flags images too please?
All of our threads are currently looking like this 😅

Darkle

1.1.3

What's Changed

Full Changelog: 1.1.2...1.1.3

Prevent Country Flags from being captured by fancybox (adbo This should be fixed, I haven't tested it so I appreciate if you can confirm 🙂)

♻ Update

composer require darkle/fancybox
php flarum cache:clear

adbo

Darkle Thank you for the speedy work. Updating to 1.1.3 and clearing cache doesn't seem to have made a difference unfortunately. Here's my test flarum if you'd like to have a look at what's happening

meihuak

Darkle this is a great extension, thanks, can it work in flarum 1.8.5?

User17

meihuak Yes, it works with Flarum 1.8.5. I myself use this extension on my forum.

Capybara

Hi! Is there a way to remove the line under each image?

clarkwinkelmann

Capybara Gerriet the line comes from the Flarum built-in styling for the link (<a> tag)

I don't know if your content includes a link wrapped around the image, or if the link is added by this extension? If the extension creates its own link, it could add a special class to it so the default Flarum styling could be disabled. Maybe it does already, I'm not familiar with the extension

Darkle

Capybara Hey, could you confirm if this custom CSS works for you?

a[data-fancybox="responsive"] {
    border-bottom: none!important;
}

Gerriet

What a line ? I don' t see this

« Previous Page Next Page »