Tenho o seguinte código para trocar imagem automaticamente em JavaScript.
Queria utilizar ele para deixar como um gif, sem perder a qualidade.
var index = 1;
function changeImage(){
var rand = Math.floor (Math.random () * 4)
jQuery('.img-rand').hide();
jQuery(jQuery('.img-rand').get(index)).fadeIn();
index++;
if (index > 3){
index = 0;
}
}
setInterval(changeImage, 500);
.img-rand{
display:none;
}
<div class="imagemconjunto ">
<img class="img-rand" src="{{media url="wysiwyg/Paginas/kitbody/profissoes.png"}}" alt="" />
<img class="img-rand" src="{{media url="wysiwyg/Paginas/kitbody/profissoes2.png"}}" alt="" />
</div>
Porém está um efeito muito quebrado. Aalguém sabe uma forma de deixar com um aspecto de gif? No caso é a mesma imagem, apenas um clique aqui numa e na outra sem.