6

Estou usando um onmouseover, porém está dando delay de 0.5 a 1 segundo para trocar a imagem, quando coloco na minha hospedagem.

 <li>
    <img src="images/clientes/1.png"onmouseover="this.src='images/clientes/a1.png'"onmouseout="this.src='images/clientes/1.png'"/>
</li>
3
  • Isso depende do carregamento da imagem. Pode ser que o servidor está um pouco mais lento do que sua aplicação no local. Commented 25/11/2015 às 15:53
  • tem um jeito de consertar?
    – kaiquemix
    Commented 25/11/2015 às 15:58
  • o maximo que cada imagem vai é 30 KB
    – kaiquemix
    Commented 25/11/2015 às 15:59

1 Resposta 1

4

Como as duas imagens estão hospedadas em um host remoto, é natural ter que esperar o tempo de carregamento da mesma.

Neste caso, você pode realizar um pré-carregamento das imagens, uma das formas de se fazer isso é com JavaScript.:

//liste no Array abaixo todas as imagens que deseja realizar o pré-carregamento.
var imagemURLs = [
  "images/clientes/1.png",
  "images/clientes/a1.png"
];

imagemURLs.forEach(function (imagemURL, indice) {
  new Image().src = imagemURL;
});
2
  • vlw irmão, funcionou.
    – kaiquemix
    Commented 25/11/2015 às 16:14
  • só que vc colocou trocou o n pelo M em um dos imagemURLs
    – kaiquemix
    Commented 25/11/2015 às 16:18

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .