Mudar src de imagem jquery

Front-end CSS
,
#1

Estou criando um app no ionic v3 e coloquei uma imagem de fundo no menu lateral, com opacity: 0.3. Criei o evento no jquery durando 5s pra trocar a imagem. Só que quando vai trocar aparece o icone quando uma imagem não é encontrada.
Segue meu código:
`$(document).ready(function(){

$("#img").stop().animate({opacity: 0}, 5000, function(){
    $(this).attr("src", "url('https://imghost.io/images/2018/02/03/img2.jpg')")
               .animate({opacity: 0.3}, 5000);


});

});`

com

Aparece o ícone da img como se não tivesse achado. Ela tira a primeira mas não mostra a outra:
sem

#2

$("#img").stop().animate({opacity: 0}, 5000, function(){
$(this).attr(“src”, “https://imghost.io/images/2018/02/03/img2.jpg”)
.animate({opacity: 0.3}, 5000);

});

Não é preciso você usar a propriedade “url”, basta somente declarar o link desejado!