Carregando todas as imagens do documento em cache

Fórum para dúvidas sobre JavaScript, ECMAScript, AJAX, XML e jQuery.

Moderador: web

responder a dúvida

Carregando todas as imagens do documento em cache

Mensagem por web Offline » Qua Fev 25, 2009 12:31 pm


Esse é um script que permite que você carregue todas as imagens do documento, sem definir uma a uma.

Para ver o funcionamento, coloque o caminho para duas imagens abaixo, e carregue o script. Após testar, você pode apagar a linha do alert.

Código: Selecionar todos
<script>
function cache() {
base = new Image();
imagens = document.images.length;

for(i = 0; i < imagens; i++) {
base.src = document.images[i].src;
alert(document.images[i].src)
}

}
</script>
<body onload="cache()">

<img src="...">
<img src="...">



detalhes...

Gostou do que encontrou? Divulgue, indique, participe, agradeça pelas respostas.

Faço scripts personalizados ou reparos em scripts. Orçamento MSN codigosnaweb1 [@] gmail [.] com

Avatar do usuário
web
ADMIN
ADMIN
Mensagens: 12407
Registrado em: Sáb Jan 20, 2007 6:08 pm
Localização: RJ / RJ / Brasil

Carregando todas as imagens do documento em cache

Mensagem por cruz Offline » Qua Abr 20, 2011 9:25 pm

Olá web, achei interessante esse script , e gostaria de tirar uma dúvida(coisa simples),
esse script pega todas as imagens e armazena no cache , para um carregamento mais rápido certo?
pois bem, no caso eu só preciso adicionar o trecho

Código: Selecionar todos
  <script>
function cache() {
base = new Image();
imagens = document.images.length;
for(i = 0; i < imagens; i++) {
base.src = document.images[i].src;

}
}
  </script>
</head>
<body onload="cache()">

no conteúdo do site, pois todas as imagens já são compostas dos respectivos endereços.
Código: Selecionar todos
<img src="imagem.png">


Obrigado

detalhes...


Avatar do usuário
cruz
SUPER VETERANO
SUPER VETERANO
Mensagens: 306
Registrado em: Sáb Abr 18, 2009 9:45 am


Carregando todas as imagens do documento em cache

Mensagem por web Offline » Qua Abr 20, 2011 9:34 pm

O script tenta simular um pré-carregamento na imagem, fazendo com que o carregamento fique mais ágil. O script se baseia em todas as imagens pelo img src.

detalhes...

Gostou do que encontrou? Divulgue, indique, participe, agradeça pelas respostas.

Faço scripts personalizados ou reparos em scripts. Orçamento MSN codigosnaweb1 [@] gmail [.] com

Avatar do usuário
web
ADMIN
ADMIN
Mensagens: 12407
Registrado em: Sáb Jan 20, 2007 6:08 pm
Localização: RJ / RJ / Brasil

Carregando todas as imagens do documento em cache

Mensagem por cruz Offline » Qua Abr 20, 2011 9:36 pm

ótimo, muito obrigado. :clap:

detalhes...


Avatar do usuário
cruz
SUPER VETERANO
SUPER VETERANO
Mensagens: 306
Registrado em: Sáb Abr 18, 2009 9:45 am


Carregando todas as imagens do documento em cache

Mensagem por web Offline » Qua Abr 20, 2011 9:42 pm

:y:

detalhes...

Gostou do que encontrou? Divulgue, indique, participe, agradeça pelas respostas.

Faço scripts personalizados ou reparos em scripts. Orçamento MSN codigosnaweb1 [@] gmail [.] com

Avatar do usuário
web
ADMIN
ADMIN
Mensagens: 12407
Registrado em: Sáb Jan 20, 2007 6:08 pm
Localização: RJ / RJ / Brasil

Carregando todas as imagens do documento em cache

Mensagem por erivelton42 Offline » Sáb Dez 03, 2011 8:36 pm

Olá, amigos, tenho este código aqui, ele é mais fácil de configurar, mais automático e ao usar ele obtemos bons resultados na velocidade.

Código: Selecionar todos
<?
$my_directory = ("../imagens/");
$dir = dir($my_directory);
while($temp = $dir->read())
{
$dirarray[] = $temp;
}
print j_array($dirarray);
function j_array($var){
   $javastr = "<script language=\"javascript\">";
   $javastr .= "var d = new Array();";
   $diro="../imagens/";
   while(list($key, $val) = each($var)){
      $javastr .= "d[$key] = new Image();";   
         $javastr .= "d[$key].src = '$diro$val';";
   }
   $javastr .= "</script>";
return $javastr;
}
?>

O que você precisa fazer é apenas mudar o diretório onde ficam suas imagens.

detalhes...

www.radiokiller.com.br

erivelton42
SUPER ATIVO
SUPER ATIVO
Mensagens: 81
Registrado em: Ter Jul 19, 2011 6:29 pm
Localização: Apuiarés - CE

Carregando todas as imagens do documento em cache

Mensagem por web Offline » Sáb Dez 03, 2011 8:38 pm

Bem bolado esse código, puxa direto da pasta as fotos.

detalhes...

Gostou do que encontrou? Divulgue, indique, participe, agradeça pelas respostas.

Faço scripts personalizados ou reparos em scripts. Orçamento MSN codigosnaweb1 [@] gmail [.] com

Avatar do usuário
web
ADMIN
ADMIN
Mensagens: 12407
Registrado em: Sáb Jan 20, 2007 6:08 pm
Localização: RJ / RJ / Brasil


responder a dúvida

Voltar para Javascript, XML e AJAX

Quem está online

Usuários navegando neste fórum: Google [Bot] e 12 visitantes