自定义下一个和以前的猫头鹰 - 轮播图像

Question

我想弄清楚如何在owl-carousel中插入自定义图像作为Previous和Next按钮。以下是我到目前为止所尝试的内容。

已注释掉的<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

 });