Skip Navigation Links
Novas Tecnologias
Ferramentas Adicionais
Ferramentas Adicionais


Dica No :
439
Assunto : DreamWeaver
Titulo: Imagens Cambiáveis

Gostou do texto ? Vote e dê sua opinião! Pontuação atual :

Translate this page now :






Adicione aos Favoritos!
BlogBlogs Rec6 Linkk Ueba Technorati Delicious DiggIt! StumbleUpon


Uma imagem cambiável é aquela que sofre algum tipo de mudança quando passamos com o mouse sobre ela. O famoso efeito OnMouseOver / OnMouseOut.

Normalmente para conseguir tal feito, utiliza-se um código Jscript, o que dificultava a vida de quem não tem facilidade com essa linguagem.

O Dreamweaver resolve o problema, trazendo em sua paleta Object (Objetos), um botão chamado Insert Rollover Image – que permite a criação de uma imagem cambiável com apenas um clique do mouse. ( Podemos também utilizar a Barra de Menu – opção Insert – Interactive Image – Rollover Image).

O primeiro procedimento para se criar uma imagem cambiável e criarmos duas imagens semelhantes na altura, largura e forma, mas diferentes na cor e/ou estilo, em um editor de imagem (pode-se usar o Fireworks para tal finalidade).

Salve as duas imagens em separado.

No dreamweaver clique no botão Insert Rollover Image;

Aparecerá uma caixa de dialogos, com quatro campos:

O primeiro é Image Name – Aonde você irá escrever o nome da imagem (é recomendável colocar um nome para a imagem, até como fim de organização,
embora não seja obrigatório, já que o próprio programa gera um nome automatico - image nº (onde o nº corresponde a uma numeração automática do programa).

O segundo campo é Original Image – aqui deve ficar a primeira imagem, aquela que será vista pela primeira vez.

O terceiro campo é Rollover Image – aqui fica a segunda imagem, no caso, aquela que só é visualizada ao passarmos com o mouse sobre a primeira.

O quarto Campo é When Clicked, Go To URL: - aqui é indicado o nome e / ou endereço de uma página para qual o usuário será encaminhado ao clicar.

Clique em Ok, salve a sua página e visualize no browser.



Patricia Daltro

Atenção!
Já está disponível no site www.bufaloinfo.com.br os arquivos e demos da palestra ministrada por
Dennes Torres
MCSD,MCSE,MCDBA

no evento Linha de Código - Technical Day, que ocorreu na última quarta-feira dia 25 de março de 2003.


Nome :
E-mail:
Comentarios :
 
 
Os Últimos Comentários
data: 1/31/2017 10:59:00 AM
nome: PZwSAPGKuj
email: derby451@hotmail.com
comentário:
Opi9dY http://www.y7YwKx7Pm6OnyJvolbcwrWdoEnRF29pb.com

data: 1/29/2017 8:16:00 AM
nome: LpmAbYvYdhmYSG
email: jogcbfn@hotmail.com
comentário:
BxlY3o http://www.y7YwKx7Pm6OnyJvolbcwrWdoEnRF29pb.com

data: 1/29/2017 8:10:00 AM
nome: pfscMZwqmfOj
email: derby451@hotmail.com
comentário:
DveBiu http://www.y7YwKx7Pm6OnyJvolbcwrWdoEnRF29pb.com

data: 1/5/2017 5:53:00 AM
nome: fWvofaoSalE
email: jfvynms4281rt@hotmail.com
comentário:
RWCxB9 http://www.FyLitCl7Pf7ojQdDUOLQOuaxTXbj5iNG.com

data: 1/3/2017 3:40:00 AM
nome: qwcBogDozDNjlD
email: jfvynms4281rt@hotmail.com
comentário:
nYN71m http://www.FyLitCl7Pf7ojQdDUOLQOuaxTXbj5iNG.com

 1  
Dicas
Dica do Dia
Receba Dicas Por Email
E-mail :  
 


 (help)
Aceito receber informativos do devASPNet, informações de eventos e treinamentos

Veja Quais Informativos Você Receberá

Pesquisar Dicas
Pesquisar Artigos, Dicas e Noticias

Banco de Dados
Algumas Entrevistas
Links Importantes

Búfalo Informática, Treinamento e Consultoria
R. Alvaro Alvim, 37/920 Centro - Cinelândia - Rio de Janeiro Cep: 20031-010
Tel : (21) 2262-1368 (21) 9240-5134 E-mail : Contato@bufaloinfo.com.br