jquery - カスタムの次および前のフクロウ カルーセル画像

Question

owl-carousel の [前へ] ボタンと [次へ] ボタンとしてカスタム画像を挿入する方法を見つけようとしています。以下は、私がこれまでに試したことです。

<i>コメントアウトされたクラスは完全に正常に機能しますが、その下のタグ<img>は何らかの理由で機能しません。ブラウザには alt タグが表示されますが、表示する実際の画像を見つけるのに問題があります。画像を見つけるための正しいパスを表示していますか?

    // init Owl
  $("#owl-example").owlCarousel({

  navigation : true, // Show next and prev buttons
  navigationText: [
  //"<i class='icon-chevron-left icon-white'><</i>",
  //"<i class='icon-chevron-right icon-white'>></i>"
  "<img src='../../img/hero.jpg' alt='left'></img>",
  '<img src="../../img/rightarrow.svg" alt="right"></img>'
  ],
  slideSpeed : 300,
  paginationSpeed : 400,
  singleItem:true,
  pagination:false

  // "singleItem:true" is a shortcut for:
  // items : 1, 
  // itemsDesktop : false,
  // itemsDesktopSmall : false,
  // itemsTablet: false,
  // itemsMobile : false

 });