我在一个商业网站做我的实习,并被要求添加Fancybox显示产品图像。它看起来不错,但导航按钮丢失。不过,我仍然可以在图片之间导航。 是的,它被设置为一个画廊,我检查了其他帖子,照片必须在同一个地方。 但正如我以前告诉过你的,画廊的作品,但没有按钮,我都没有想法。 该项目使用了很多东西,但我会添加我添加我的代码的地方。 它使用百里香(春天),bootstrap,fancybox 2.1.5等,我目前正在IntelliJ平台上工作。此外,我可以在项目的“_main.less”上编辑fancybox属性。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>
的工作按钮没有那么多实际需要。浮在每边的左右人字形就足够了。所以,我很乐意提供直接把它们放在前面的建议,但我也不知道如何去做。 关闭按钮和我需要的所有其他功能工作,但这不。