要使用fancybox创建画廊,您需要先下载fancybox插件并包含在您的项目中。然后按照以下步骤操作:
- 首先,在您的HTML文件中引入fancybox的CSS和JavaScript文件:
- 在您的HTML文件中创建一个包含图片的画廊:
- 使用JavaScript代码初始化fancybox插件并启用画廊功能:
$(document).ready(function() { $("[data-fancybox='gallery']").fancybox({ loop: true }); });
在这个例子中,所有带有data-fancybox="gallery"
属性的链接将被组合成一个画廊,并且可以使用箭头键或滑动手势进行导航。您可以根据需要自定义fancybox插件的选项,以实现更多的效果和功能。