Miért nem működik a document.getElementById?

Adott egy img:

<img name="main" id="camera" src="http://168.255.1.1:8081/" >

Van rá egy function:

function stopStream() {

document.getElementById("camera").src = "no_connection.jpg";

return false;

};

Annyit szeretnék, hogy ha megnyomom a gombot bedobja ezt a no_connection képet, ami a lib mappában található. Ha csak simán az img-hez írom alapból a http://168.255.1.1:8081/ helyett, akkor tökéletesen működik, azaz a no_connection.jpg van kezdő képnek, ha meg így scriptbe írom, akkor nem.

https://imgur.com/aNqaZZi

https://imgur.com/GZFYnGL

Firefox azt írja nem tudja betölteni a képet.

Rosszul adom meg az elérési útvonalat? Vagy mi lehet a gond?