[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]

Re: [Webmasters] java script

Cara,

Seguinte. Presta atenção que isso já foi discutido aqui na lista varias vezes, eu mesmo já respondí umas 3 vezes. Essa vai ser a última, tá :-))

Quando vc vai fazer swap de imagem, primeiro tem que carregar todas as imagens no seu computador.
Como vc quer fazer swap de uma imagem que ainda não está carregada ????
Então a primeira coisa a fazer é carregar todas as imagens ... Como ???

1. A primeira imagem, aquela que vai aparecer antes do visitante passar o mouse sobre ela, voce coloca la normalmente, com a tag IMG.
        <img name="img1" src"/images/minhaimagem_on.jpg">

2. A segunda imagem, aquela que vai aparecer quando o visitante passar o mouse sobre ela.
        Primeiro você precisa criar um objeto image:

        outra_img = new Image(x,y) onde x,y é o tamanho da imagem

        outra_img.src = ""/images/minhaimagem_off.jpg"" <-- Essa vai aparecer no onMouseOver


Criado o objeto e carregada a imagem vc so precisa criar a funcao que vai ser chamada para substituir sua imagem.

        function ImgOn ( ) {
           Img1.src = "outra_img.src" }

Super dica: Lembre-se que enquanto as imagens estão sendo carregadas, parte do seu site pode não está aparecendo ao visitante. Então normalmente coloco somente as imagens que deverao aparecer de imediato, quando o visitante carrega a pagina, e as que vao substituir estas, carrego depois que toda a pagina ja está carregada, assim enquanto o visitante está lendo a pagina as imagens continuam sendo carregadas em background.
Neste caso crio a funcao:

function carregaImagens ( ) { <-- Coloco aqui todas as imagens que deverao ser carregadas !!
  outra_img.src = ""/images/minhaimagem_off.jpg"; }

e no tag BODY faço assim

<BODY ( )"> Depois que o browser carrega a pagina completa ele volta para carregar as imagens substitutas.

Lembre-se também que as imagens devem ser do mesmo tamanho, tanto a que esta na pagina, quanto a que vai substituí-la.
Lembre-se tambem que nem todo browser nem toda versão de browser suporta essa caracteristica.

Mais alguma dúvida ?? Dá uma olhada no meu site !!!
Abraços,









At 11:48 PM 20/02/99 -0300, you wrote:
>pessoal,
>estou aprendendo js, e coloquei numa pagina index.html uns botoes que
>mudam com a funcao mouseover... ficou legal, mas algo esta errado, pq os
>botoes so mudam depois de a pagina toda carregar, e so ficam rapidos
>mesmo depois de estarem todos no cache do browser... alguem pode me
>dizer onde errei?? o endereco e www.sindileo.com.br...
>
>valeu!!
>
>andre
>
>___________________________
>Página da Lista Webmasters: <http://webmasters.neting.com>

http://www.guia-ceara.com.br
Guy Sucupira Junior - Fortaleza CE BRAZIL
guy@secrel.com.br / Icq-Uin: 13723421 ___________________________ Página da Lista Webmasters: