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
Nenhum comentário foi realizado ainda. Seja o primeiro !
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 (11) 3170-3056 E-mail : Contato@bufaloinfo.com.br