ファンシーボックスナビゲーションボタンはありませんがギャラリー作品

Question

私は商業ウェブサイトでインターンシップをしていますが、製品のイメージのファンシーボックス表示を追加するように求められました。いいですが、ナビゲーションボタンがありません。しかし、私はまだ絵の間を移動することができます。 はい、ギャラリーとして設定されており、他の投稿を確認しました。写真は同じ場所にある必要があります。 しかし、前にお話したように、ギャラリーは機能しますが、ボタンはなく、私はすべてアイデアがありません。 プロジェクトではたくさんのものを使用しますが、コードを追加した場所を追加します。 これは、thymeleaf（spring）、bootstrap、fancybox 2.1.5などを使用しています。現在、IntelliJプラットフォームで作業しています。さらに、私はプロジェクトの "_main.less"で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> 

---

作業ボタンはそれほど実際には必要ありません。左右に浮かぶ左右のシェブロンで十分です。だから、私はそれらを正面に置くことについての提案については開いているが、私はそれを行う方法も知らない。 閉じるボタンと他のすべての機能が必要ですが、これは機能しません。

Answer 1

私のプログラムは、prev、next、closeボタンの画像を保持するfancybox_sprite.pngをダウンロードしたり保存したりしていなかったことがわかりました。最初にfancyboxを起動したときに、いくつかのバックグラウンドの写真にアクセスできないと私に言ったいくつかのエラーが出てきました。これらは不要だと思って、私はエラーを起こさないためにこれらの行を削除しました。私はこの質問につまずいた、それは私の答えがあった：Fancybox 2 arrows not showing up ちょうどイメージをダウンロードし、それは動作します。