2017-08-03 63 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 刚下载的图像,它的工作原理。