Imagem Rollover

[Cristi@ano 0]

Galera, esse é um totorial de imagem rollover, como se fosse botões que você passa o mouse e a imagem aparece, tá aí "bone" e geral.

 

 

1- Desenhe vários quadrados de diferentes cores em um novo documento, aplicando algum efeito se quiser.

 

 

2- Selecione todos os quadrados, aperte com o botão direito em algum dos quadrados e vá em "Insert hotspots", na janela seguinte clique em "Multiple".

 

 

3- Divida a imagem com a ferramenta "Slice toll" (fatiar), deixando desse modo:

 

 

4- Selecione o primeiro quadrado, aperte no alvo, vá em "Add Swap Image Behavior", na tela que se abrirá especifique em qual slice (fatia) você quer que a imagem apareça (nosso exemplo só existirá 1 slice).

 

Mais abaixo selecione a opção "Imagem File:" e escolha a imagem que você quer que apareça quando o mouse passar sobre o quadrado. Clique OK.

 

 

5- Repita a operação anterior com todos os quadrados, só modificando a figura. Ao final se você selecionar todos os quadrados irá perceber que de cada quadrado está passando uma linha conectando ao slice (fatia).

 

 

6- Aperte F12, para ver o resultado, faça algumas modificações se necessário e exporte para o Dreamweaver.

 

 

Veja o resultado como ficou aquí

[babu 0]

Salve,So esqueceu de mandar a imagem para o servidor.s\\s

[Bone 0]

Ae mano Cristi@ano !!Vlw pelo tuto kra.. o que me faltava mesmoera isso nada como um bom tuto onde se tem passo a passo tudo !! hehehVlw mesmo aprendi direitinho agora vou treinar pra aprender direito !! :D Vlw mesmo mano !! ae você leva o jeito pra fazer tuto krahehe aguardo masi tutos !! hehe :huh: Fui !!