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.

What's new in this fork

1. Hot slide append and removal

I added two functions to add and remove slides while FancyBox is open

Usage is as simple as:

  var carousel = $.fancybox.open(slides , options);

  // Append multiple slides
  carousel.appendGroup(newSlides);

  // Remove currently displayed slide
  carousel.removeCurrent();

2. Customizable toolbar buttons

Toolbar buttons are updated on each slide change, so you can customize each slide's toolbar individually by passing buttons as opts:

{
	src  : '' // Source of the content
	type : '' // Content type: image|inline|ajax|iframe|html (optional)
	opts : {
		buttons: ["download"],
		btnTpl: {
			download: '<button data-download="true"></button>'
		}
	}
}

Read more about available options

Quick start

1. Add latest jQuery and fancyBox files

<script src="//code.jquery.com/jquery-3.2.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.