我在一個商業網站做我的實習,並被要求添加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>
的工作按鈕沒有那麼多實際需要。浮在每邊的左右人字形就足夠了。所以,我很樂意提供直接把它們放在前面的建議,但我也不知道如何去做。 關閉按鈕和我需要的所有其他功能工作,但這不。