Как картинку сделать кнопкой?

Question

[I_want_to_know]

Всем добра и мира!
Подскажите пожалуйста, как правильно сделать button в виде картинки?
Суть проблемы такая:
Есть button

<button type="button" class="btnNavigation btnActive" data-tab="button_1">
      Кнопка 1
    </button>

Разумеется выводится текст "Кнопка 1" при клике на эту кнопку происходит переключение, всё ок.
Решил я заменить текст "Кнопка 1" на картинку

<button type="button" class="btnNavigation btnActive" data-tab="button_1">
      <img src="../img/image.png" alt="" srcset="">
    </button>

Картинка выводится, но при клике на неё ни чего не происходит.
Подскажите, что не так я делаю, и как поправить?
Если важно, то суть кнопки, это переключение между табами.

Comments

[Ankhena]

Если важно, то суть кнопки, это переключение между табами.

Вероятнее всего это фон кнопки.
Вряд ли это контентная смысловая картинка, а не иконочка.

Подскажите, что не так я делаю, и как поправить?

Про всплытие и погружение событий забыли?

Answer 1

[Сергей delphinpro]

Потому что у вас скрипт обработки вкладок кривой.
Можно поправить скрипт, или хакнуть немножко вот так:

<button type="button" class="btnNavigation btnActive" data-tab="button_1">
      <img src="../img/image.png" alt="" srcset="" style="pointer-events: none;">
    </button>