2017-08-03 84 views
1

我在一個商業網站做我的實習,並被要求添加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> 

的工作按鈕沒有那麼多實際需要。浮在每邊的左右人字形就足夠了。所以,我很樂意提供直接把它們放在前面的建議,但我也不知道如何去做。 關閉按鈕和我需要的所有其他功能工作,但這不。

回答

0

原來我的程序既沒有下載也沒有存儲fancybox_sprite.png,它保存着prev,next和close按鈕的圖像。當我第一次啓動fancybox時,它發出了一些錯誤,告訴我它無法訪問某些背景照片。考慮到這些是不必要的,我刪除了這些代碼行以避免發生任何錯誤。我偶然發現了這個問題,它有我的答案:Fancybox 2 arrows not showing up 剛下載的圖像,它的工作原理。