🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

fancyBox is a tool that offers a nice and elegant way to add zooming functionality for images, html content and multi-media on your webpages. It is built at the top of the popular JavaScript framework jQuery and is both easy to implement and a snap to customize.Fancybox has a following features Responsive (try resizing window while fancyBox is open),Integrated slideshow,New gallery transitions,Uses CSS3 (shadows, round corners).

CSS Plugins Popup Window

Documentation

fancyBox

jQuery lightbox script for displaying images, videos and more. Touch enabled, responsive and fully customizable.

See the project page for documentation and a demonstration.

Follow @thefancyapps for updates.

Quick start

1. Add latest jQuery and fancyBox files

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>  <link  href="/path/to/jquery.fancybox.min.css" rel="stylesheet"> <script src="/path/to/jquery.fancybox.min.js"></script>

2. Create links

<a data-fancybox="gallery" href="big_1.jpg">     <img src="small_1.jpg"> </a>  <a data-fancybox="gallery" href="big_2.jpg">     <img src="small_2.jpg"> </a>

3. Enjoy!

License

fancyBox is licensed under the GPLv3 license for all open source applications. A commercial license is required for all commercial applications (including sites, themes and apps you plan to sell).

Read more about fancyBox license.

Bugs and feature requests

If you find a bug, please report it here on Github.

Guidelines for bug reports:

  1. Use the GitHub issue search — check if the issue has already been reported.
  2. Check if the issue has been fixed — try to reproduce it using the latest master or development branch in the repository.
  3. Isolate the problem — create a reduced test case and a live example. You can use CodePen to fork any demo found on documentation to use it as a template.

A good bug report shouldn't leave others needing to chase you up for more information. Please try to be as detailed as possible in your report.

Feature requests are welcome. Please look for existing ones and use GitHub's "reactions" feature to vote.

Please do not use the issue tracker for personal support requests - use Stack Overflow (fancybox-3 tag) instead.


You May Also Like