Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17639
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Acelerar o carregamento das imagens - preload

25-12-2007 07:23

Esse é um script de preload, onde você coloca no array o endereço das imagens do site e elas são carregadas mais rapidamente pelo navegador.

<script type="text/javascript"> function preload() { var imagens = new Array(); imagens[0] = 'http://www.sitetal.com/imagem1.jpg'; imagens[1] = 'http://www.sitetal.com/imagem2.jpg'; for(var i=0; i < imagens.length; i++) { var img = new Image(); img.src = imagens[i]; } } </script>


<body onLoad="preload()">   <img src="http://www.sitetal.com/imagem1.jpg"> <img src="http://www.sitetal.com/imagem2.jpg">

0
A melhor hospedagem para o seu site HostGator!
 
Primeiras postagens
Primeiras postagens
Mensagens: 4
Sexo: Masculino

Acelerar o carregamento das imagens - preload

26-06-2013 11:07

Agradeço imensamente pelo retorno, no entanto, acho que não fiz certo, pois ficam alguns ícones aparecendo acima das imagens no site:(http://www.orixabazar.com.br)
Fiz o código desta forma:

<script type="text/javascript"> function preload() { var imagens = new Array(); imagens[0] ='http://www.orixabazar.com.br/arquivos_loja/10622/arquivo/banner_ceramicax.jpg'; imagens[1] ='http://www.orixabazar.com.br/arquivos_loja/10622/arquivo/banner_contas.jpg'; imagens[2] ='http://www.orixabazar.com.br/arquivos_loja/10622/arquivo/banner_africanosx.jpg'; imagens[3] ='http://www.orixabazar.com.br/arquivos_loja/10622/arquivo/banner_imagensx_geral.jpg'; imagens[4] ='http://www.orixabazar.com.br/arquivos_loja/10622/arquivo/banner_incenso.jpg'; imagens[5] ='http://www.orixabazar.com.br/arquivos_loja/10622/arquivo/banner_loucas.jpg'; imagens[6] ='http://www.orixabazar.com.br/arquivos_loja/10622/arquivo/banner_pedras.jpg'; imagens[7] ='http://www.orixabazar.com.br/arquivos_loja/10622/arquivo/banner_roupas.jpg'; imagens[8] ='http://www.orixabazar.com.br/arquivos_loja/10622/arquivo/banner_tabacaria.jpg'; imagens[9] ='http://www.orixabazar.com.br/arquivos_loja/10622/arquivo/banner_velas.jpg'; for(var i=0; i < imagens.length; i++) { var img = new Image(); img.src = imagens[i]; } } </script>


<body onLoad="preload()"> <img src='http://www.orixabazar.com.br/arquivos_loja/10622/arquivo/banner_ceramicax.jpg"> <img src='http://www.orixabazar.com.br/arquivos_loja/10622/arquivo/banner_contas.jpg"> <img src='http://www.orixabazar.com.br/arquivos_loja/10622/arquivo/banner_africanosx.jpg"> <img src='http://www.orixabazar.com.br/arquivos_loja/10622/arquivo/banner_imagensx_geral.jpg"> <img src='http://www.orixabazar.com.br/arquivos_loja/10622/arquivo/banner_incenso.jpg"> <img src='http://www.orixabazar.com.br/arquivos_loja/10622/arquivo/banner_loucas.jpg"> <img src='http://www.orixabazar.com.br/arquivos_loja/10622/arquivo/banner_pedras.jpg"> <img src='http://www.orixabazar.com.br/arquivos_loja/10622/arquivo/banner_roupas.jpg"> <img src='http://www.orixabazar.com.br/arquivos_loja/10622/arquivo/banner_tabacaria.jpg"> <img src='http://www.orixabazar.com.br/arquivos_loja/10622/arquivo/banner_velas.jpg">

0
 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17639
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Acelerar o carregamento das imagens - preload

26-06-2013 11:11

A parte do script está certa. Só que as imagens, você abriu com aspas simples, e fechou com aspas duplas. Tem que ser tudo aspas duplas.

Ai você não vai precisar carregar as imagens ai no img src, somente no seu script mesmo.
0
A melhor hospedagem para o seu site HostGator!
 
Primeiras postagens
Primeiras postagens
Mensagens: 4
Sexo: Masculino

Acelerar o carregamento das imagens - preload

26-06-2013 13:48

Ok, agora está funcionando direitinho!!! muito obrigada pelas dicas e parabéns pelo trabalho de vocês neste site!!!Valeu mesmo!!! Abçss
0

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado