要在 Fancybox 中展示多个图库，可以通过以下步骤实现： 1. 引入 jQuery 和 Fancybox 库文件： ```html <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script> ``` 2. 准备多个图库的图片，并将它们组织在一个或多个 HTML 元素（如 div）中，为每个图片添加 `data-fancybox` 属性和相应的 `gallery` 值以便关联到同一个图库： ```html <div class="gallery" data-fancybox="gallery1"> <a href="image1-large.jpg" data-fancybox="gallery1"><img src="image1-small.jpg" alt=""></a> <a href="image2-large.jpg" data-fancybox="gallery1"><img src="image2-small.jpg" alt=""></a> </div> <div class="gallery" data-fancybox="gallery2"> <a href="image3-large.jpg" data-fancybox="gallery2"><img src="image3-small.jpg" alt=""></a> <a href="image4-large.jpg" data-fancybox="gallery2"><img src="image4-small.jpg" alt=""></a> </div> ``` 3. 使用 jQuery 初始化 Fancybox： ```javascript $(document).ready(function() { $('[data-fancybox]').fancybox(); }); ``` 完成以上步骤后，页面上的多个图库就可以通过点击小图展示大图了。用户可以在不同图库之间切换查看。 若您需要搭建在线相册或图库服务，可以考虑使用腾讯云对象存储（COS），它提供了强大的图片存储和访问功能，支持各种常见的图片格式，并能与 CDN 加速服务无缝对接，提升用户访问速度。... 展开详请