Javascript Fancybox没有导航按钮，但gallery工作正常

我正在一家商业网站实习，有人要求我添加Fancybox产品图像显示。看起来不错，但是导航按钮不见了。但是，我仍然可以在图片之间导航

是的，它被设置为图库，我已经查看了其他帖子，照片必须在同一个地方。
但正如我所说的，画廊很好用，但是没有按钮，我也没有主意了

这个项目使用了很多东西，但是我将添加我添加代码的地方。 它使用了Thymeleaf、Spring、bootstrap、fancybox 2.1.5等，我目前正在开发IntelliJ IDE。此外，我可以在项目的“\u main.less”上编辑fancybox属性

---

实际上，一个工作按钮并不是那么需要。左右两侧各浮动一个V形就足够了。所以，我愿意接受直接把它们放在前面的建议，但我也不知道怎么做。

---

关闭按钮和所有其他功能，我需要工作，但这不是

结果表明，我的程序既没有下载也没有存储fancybox_sprite.png，它保存了prev、next和close按钮的图像。当我第一次启动fancybox时，它给出了几个错误，这告诉我它无法访问一些背景照片。考虑到这些都是不必要的，我删除了这些代码行，以避免出现任何错误。我偶然发现了这个问题，它有我的答案：

---

刚下载了图像，它就工作了

结果表明，我的程序既没有下载也没有存储fancybox_sprite.png，它保存了prev、next和close按钮的图像。当我第一次启动fancybox时，它给出了几个错误，这告诉我它无法访问一些背景照片。考虑到这些都是不必要的，我删除了这些代码行，以避免出现任何错误。我偶然发现了这个问题，它有我的答案： 刚下载了图像，它就工作了

$(".zoomPic").fancybox({
    'transitionIn': 'fade',
    'transitionOut': 'fade',
});

<div class="bgstretch slide zoomPic"
     th:style="${'background-color: #' + image.colour}"
     th:each="image : ${product.images}" data-fancybox-group="gallery"
     th:attr="data-fancybox-href='#fancyGallery'+__${image.id}__">

  <span th:attr="data-srcset=${image.path},data-imageid=${'image' + image.id}"></span>

  <div th:id="'fancyGallery'+__${image.id}__" style="display: none;">
    <img th:src="${image.path}" style="width:100%;height:100%;"/>
  </div>
</div>