Fancybox v5

Latest Stable Version Total Downloads License

Screenshot

Getting Started

In order to install the extension, you will need to follow these simple steps.

⚠️ Minimum Requirements

📥 Installation

composer require darkle/fancybox

♻ Updating

composer require darkle/fancybox
php flarum cache:clear

License

Fancybox v5 is available under the Fancyapps UI license for all applications. You can freely test Fancyapps UI components in your project's development and staging environments to see if they meet your needs. If they do, you'll need to purchase a license and agree to the "License Agreement."

You can explore the license details at fancyapps.com/license and find purchase options at fancyapps.com/pricing.

Useful Links

    Darkle could you add excluding GIFs please (this was an old wish) when users use gifs those are mixing with actual slideshow.

    Thanks for reviving it ❤ flarum should have something like WordPress plugins like archive.

    note to others: uninstall the old version of this extension composer remove phenomlab/fancybox-wrapper

        Hari I'm going to try to get this, but first I have to learn a bit about the Flarum Frontend and update the code 🙂

          hrvoje_hr Phenomlab deleted his account and his Flarum related repositeries. I don't know why, but he did it.

          Damn... Well thank you so glad you guys revitalized this extension than!

            What exactly does this do? Why is there no information or image about the extension?

              Eren65465024 What it does is that it wraps the images in your Flarum forum with Fancybox, here is an example of what it looks like with images from a discussion.

                Is it possible to avoid showing up the thin line under the photos? The one which gets more intense on hover.

                  rafaelzgz That line you are talking about is part of Flarum's behaviour, it happens if the image is inside a link, just like it happens with text links.

                  You could remove it by adding this to your CSS:

                  .Post-body a {
    border-bottom: none!important;
}

                  The problem if you do this is that the line would also disappear from text links, if you don't mind it's the simplest solution.

                    5 days later

                    Just installed! Works great, thanks for keeping this one alive!

                    2 months later

                    1.0.0

                    Credits and many thanks to @IanM and the assistance of @davwheat for this huge PR!
                    • Upgrade to fancybox v4
                    • No longer has any external depencies
                    • Refactor into standard code structure
                    • Add Github action to compile JS
                    ♻ Update
                    composer update darkle/fancybox
php flarum cache:clear

                      Hari I'm not quite sure yet how to do it, datitisev helped me a bit with it, to clarify the idea, but I have to think about it so I don't break anything 😓

                          nukapop92 To add something else, thanks to the latest PR now the extension uses fancybox v4 which doesn't use jquery and is lighter, also by not using external dependencies the speed of the site improves a bit in my case it's been about 100-200ms.