Jump to content


Photo

Imagens - Preload


  • Faça o login para participar
5 replies to this topic

#1 Gladisson

Gladisson

    Turista

  • Usuários
  • 58 posts
  • Sexo:Não informado

Posted 28/10/2004, 01:56

script LANGUAGE="JavaScript">
<!-- Begin

image1 = new Image();
image1.src = "URL IMG 1";

image2 = new Image();
image2.src = "URL IMG 2";

// End --></script>


Tem como colocar um alerta quando as imagem forem completamente carregadas ?

#2 admin

admin

    Normal

  • Admin Geral
  • 114 posts
  • Sexo:Não informado

Posted 28/10/2004, 17:22

image1.onload = function () { alert('Here!'); }


É pra funcionar...

[]s,

#3 Gladisson

Gladisson

    Turista

  • Usuários
  • 58 posts
  • Sexo:Não informado

Posted 29/10/2004, 05:28

Funcionou sim, mais tenho um problema que não conseguir solucionar...

// Esse if coloque para abrir somente quando todas as imagens carregar.
// o problema é, que ele não chama a função "troca", mais o alerta ele dá.


      //=========
            function termina()
            {
              w=(w + 1);
              if(ex.length==w)
              {

              alert('Imagens Carregadas!!');
              this.troca(1);
              }
            }
      //=========



// aqui faz o preload... (As imagens estão em Array)

for (i=0; i<ex.length; i++)
{
ima[i] = new Image();
ima[i].src = im[i]+'.'+ex[i];
ima[i].onload = termina;
}



#4 admin

admin

    Normal

  • Admin Geral
  • 114 posts
  • Sexo:Não informado

Posted 29/10/2004, 15:13

Vejamos...

var im = new Array();
// ....

for (i=0; i<ex.length; i++)
{
ima[i] = new Image();
ima[i].src = im[i]+'.'+ex[i];
ima[i].onload = termina(i);
}

// Dessa forma, o im acaba sendo uma var global. Assim:
function termina(iNum) {
    var iNumItens = im.length;
    if (iNum == iNumItens - 1)
        alert("Imagens carregadas!");
}


Quanto ao "this", não sei ao certo se ele referenciaria o objeto ima[i].


[]s,

#5 Gladisson

Gladisson

    Turista

  • Usuários
  • 58 posts
  • Sexo:Não informado

Posted 30/10/2004, 03:12

Eu, somente tirei o "this" coloquei "window" e tá funcionando agora, valeu.

#6 Without a Nick

Without a Nick

    Sem culpa no cartório

  • Usuários
  • 2378 posts
  • Sexo:Não informado
  • Localidade:Guarulhos

Posted 30/10/2004, 20:46

O que vou lhes informar aki é o que aprendi com um livro que li.

O objeto Image() tem uma propriedade - complete -, que retorna true ou false (valores booleanos), caso a imagem tenha ou não sido carregada.

Ao invés de usar o length, vocês podem colocar um if.
Vou colocar um exemplo e vocês adaptam, blza?

<script language="Javascript">
<!--
var imagem=new Image();
imagem.src="imagem.jpg";

if(imagem.complete == true) {
  window.alert("A imagem foi carregada.");
}
else {
  window.alert("A imagem não foi carregada.");
}
//-->
</script>


Blza?

É um exemplo simples, mas no caso é só tirar a função que o GB criou e adicionar o if/else no loop FOR...

Acho que é só isso




3 user(s) are reading this topic

0 membro(s), 3 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq