Почему не меняется src картинки при клике?

<img class="myImg" src="img/main_center.png">
<button onclick="myFunction()">Try it</button>

function myFunction() {
  document.querySelector(".myImg").src = "hackanm.gif";
}

Точнее, в html документе src меняется, но картинка та же