Fancybox v5 (Lightbox and Galleries)

FastChen

Thanks to the dev, I've been using it for a while and it works perfectly!

But with the most recent update to the “Galleries” feature would it be possible to add an on/off switch in the admin backend?

For example turn off Galleries so that posts across the site no longer automatically Galleries images?

Of course Galleries is a great feature!

Darkle

FastChen That's definitely something I'd like to add in the future. My intention was to keep things simple for two reasons, first, to ensure quick compatibility with the release of Flarum 2.0, and second, because the creator of fancyapps/fancybox has been working (I believe since early this year) on the next version. I plan to update to that version soon, unlike with v5, which I adopted quite late.

So, for v6, I'll likely consider adding admin settings to enable or disable all components (fancybox, carousel, and panzoom).

I'm not entirely sure, but I think if you remove the references to WrapImagesInGallery.php, it should stop wrapping images in galleries and treat them as separate images.

FastChen

Darkle Thank you for the positive update.
i test found a small bug use image link

[![image](https://imageurl.jpg)](https://linkurl.com)

will not displaying images, just have text hyperlink

I'm looking forward to the new version.

Darkle

FastChen This is somewhat expected. I mean, the extension wraps the image in a link, so if it's already within a link, I don't think the logic will work.

Maybe in these cases, the link could be passed to the lightbox caption, but that would add some complexity. Do you just want the image to have a link and not use any fancybox functionality? If so, it would be simpler to include some kind of exclusion 🤔

FastChen

Darkle yes, if use imagelink just normal display image and click the image jump to the URL

not use fancybox function, just like the previous version

Darkle

2.0.2

Fix/popup instance by @MikeLundahl in iamdarkle/fancybox12

This version fixes the mentioned issue, CC @Mikenthuzi @Capybara @FastChen

New Contributors

@MikeLundahl made their first contribution in iamdarkle/fancybox12

Full Changelog: iamdarkle/fancybox2.0.0 → 2.0.1

♻ Update

composer require darkle/fancybox
php flarum cache:clear

project1537

Hi everyone,
I’m using Fancybox v5 lateat version with flarum 1.8.5 and PHP v8.3, but all my images are showing with a white round border. Does anyone know a CSS trick to remove it? Any help would be appreciated!

FastChen

project1537 try this css

.fancybox-gallery,a[data-fancybox="single"]>img {
    border: 0px !important;
    border-radius: 0px !important;
}

project1537

FastChen Thanks! It works! But,[center]imgURL[/center] does not any more centers image.

Update (solution for center):

.fancybox-gallery, a[data-fancybox="single"]>img {
    border: 0px !important;
    border-radius: 0px !important;
    display: block;
    margin: auto;
}

FastChen

@Darkle project1537 it look like set center image is not normal working

When the extension is disabled, the problem seems to be caused by fancybox issue

Darkle

project1537 FastChen That's relatively expected. I mean, for the extension to work images need known tags like [upl-image-preview url=...], [img], or ![].

Other tags (custom BBCode...) can conflict. The benefit of server-side rendering to avoid CLS/DOM issues comes with the trade off that the template must be well defined and therefore doesn't accept just any tag.

My recommendation (as I see you have managed to) is that tasks like centering, which I assume [center] does, should be done directly via CSS using the fancybox classes. This will also give a more uniform result regardless of whether users make use of [center] or not.

Darkle

2.1.0 What's Changed

Frontend refactors by @YUCLing in iamdarkle/fancybox14
- Introduces significant changes for better code quality, migration to typescript...
- Fixed the bug of lost sync/match index in galleries when multiple galleries exist in the same post.
- Added lazy load on carousel/fancybox instances, improving performance on large galleries.
fix: new line causes an empty gallery item by @YUCLing in iamdarkle/fancybox13

New Contributors

@YUCLing made their first contribution in iamdarkle/fancybox14

Full Changelog: iamdarkle/fancybox2.0.2 → 2.1.0

♻ Update

composer require darkle/fancybox
php flarum cache:clear

meihuak

Darkle How do I cancel album mode

mabioca

meihuak You can do that by pressing the Enter key after adding each image.

meihuak

mabioca thanks buddy, it works, but I think if there is a button which I can control all of the photos how to show.

mabioca

meihuak Yes, I agree a feature like that would be helpful.

mabioca

Hi everyone, I found that the Fancybox extension disrupts the execution of Markdown and BB code when an image is linked with a URL. You can see this issue here. It would be great if this problem could be fixed.

Arnold

mabioca oh, nice! I tried to find what causes that and couldn't. Good to know it's located at least.

Yolo

Darkle will this work with Flarum v 2.0?

What happens if i deinstall this extension? Are then the pictures shown as before in a post?

Darkle

Yolo Hey, sorry for the delay. Currently no, since it's not compatible, and I'm not planning to update the current codebase to Flarum v2. The reason is that I'm waiting to launch compatibility with Flarum v2 once the new version of Fancybox is released!

I recently spoke with Janis, the developer of Fancyapps (Fancybox...), and he plans to launch the upcoming version (v6), very soon. It's generally ready, but it'll take a bit more time to achieve feature parity with the current v5 and complete the documentation. Once it's released, I plan to work on the implementation directly for Flarum v2.

This extension is a wrapper, it doesn't make any changes to the content or format of the posts/articles. When you disable the extension, everything will return to how it was before using it (Markdown, BBCode…).

« Previous Page