Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Bom dia a todos, confesso que não sei quase nada de html mais estou tentando, quem poder me ajudar fico muito agradecido.
Bom estou criando um efeito html que é composto por 3 imagens que ao passar o mouse a imagem 1 é substituída por a 2 e ao tirar o mouse pela imagem 3.
Porém a imagem 2 irá ser no formato WebP e com isso estou tendo problemas no navegador Firefox que não suporta o formato.
A unica alternativa seria dentro do efeito chamar uma imagem Jpg pra substituír a Webp quando o navegador não suportar. E ai que está o problema não estou conseguindo chamar essa imagem. Desde já muito obrigado.
Esse é o HTML:
<a href="ENDEREÇO-DO-LINK"><img src="ENDEREÇO-DA-IMAGEM-1" border="0" onmouseover="this.src='ENDEREÇO-DA-IMAGEM-2'" onmouseout="this.src='ENDEREÇO-DA-IMAGEM-1'"></a>
>
22 horas atrás, rikaschmitt disse:
Mas pq você ta usando webp? É obrigatório usar esse formato? Pois é um formato novo, criado pela Google, então praticamente só o Chrome aceita.
Então não seria obrigatório é mais por a taxa de compressão que esse formato suporta, mesmo que só o Google o exiba pois a outra alternativa seria uma imagem gif que é bem mais pesada
Mas pq você ta usando webp? É obrigatório usar esse formato? Pois é um formato novo, criado pela Google, então praticamente só o Chrome aceita.