@cooper.berge
jQuery Fancybox - это популярная библиотека для отображения изображений в модальном окне. Чтобы использовать ее, вам нужно выполнить несколько простых шагов:
1 2 3 4 5 |
<head> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" /> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script> </head> |
1 2 3 |
<a href="path/to/image.jpg" class="fancybox"> <img src="path/to/thumbnail.jpg" alt="Image" /> </a> |
1 2 3 |
$(document).ready(function() { $('.fancybox').fancybox(); }); |
После этого, когда пользователь нажимает на изображение, Fancybox открывает его в модальном окне с возможностью приближения, перелистывания и закрытия.
Вы также можете настроить Fancybox с помощью различных опций, таких как размеры окна, анимация и тема. Подробнее об этом можно узнать на официальном сайте библиотеки.