Inserir imagem alternativa

Tutoriais enviados pelos Colaboradores e Utilizadores do Comunidades.net

Inserir imagem alternativa

Mensagempor Diversos » Sexta Jun 05, 2015 10:25 pm

Olá,

Nesse tutorial você poderá aprender como inserir uma imagem alternativa em seu Website Comunidades.net.
Antes de tudo, o que é uma imagem alternativa?
    Uma imagem alternativa é aquela a qual quando inserimos o mouse nesta imagem, ela é alterada, e quando removemos o mouse de cima dela, volta à primeira imagem
. Veja um exemplo: http://diversos.comunidades.net/mapa.php.

1. O primeiro passo para inserir uma imagem alternativa, é ter duas imagens, obviamente,

2.: Insira uma imagem. Caso não saiba como inserir uma imagem, consulte o Clique aqui para consultar o Manual

3.: Ainda na opção Inserir/Editar Imagem, clique na opção Avançado
Imagem


Imagem
Marque a caixa Imagem alternativa

Na opção mouseover, insira o URL da imagem que irá aparecer quando for inserido o mouse sobre a imagem.
Na opção mouseout, insira o URL da imagem primária, ou seja, que ao remover o mouse, retornará à imagem. .

Notas:
• Se não inserir mouseout, a imagem, ao sobrepor o mouse sobre a imagem e remover, a mesma permanecerá.
• Se for colocada uma imagem na opção Geral e colocar imagens diferentes nas opções mouseout e mouseover, a primeira imagem irá aparecer, mas quando for colocado o mouse em cima da imagem e remover, a primeira imagem não retornará e sim a que foi inserida na opção mouseout

Caso confunda as opções, lembre-se:
over: Significa sobre na língua inglesa
Out: Significa fora, na língua inglesa

Espero ter ajudado,

Diversos
Diversos
 
Mensagens: 474
Registado: Quarta Jul 07, 2010 5:49 am
Localização: Brasil

Voltar para Tutoriais

Quem está ligado:

Utilizadores a ver este Fórum: Nenhum utilizador registado e 7 visitantes