Efeito Mouse over
skorpios às 01h33
19
Oct
2009
É o seguinte:
Dedico-me à astrofotografia principalmente de planetas e gostaria de por exemplo numa imagem da lua pôr legendas em algumas crateras, ou colocar o nome dos satélites de Júpiter de forme que as legendas aparecessem apenas quando o cursor do "mouse" passasse sobre a foto como no exemplo que se pode ver aqui:
http://myskyatnight.blogspot.com/2009/08/ontem-noite.html.
ou
http://myskyatnight.blogspot.com/
A intenção é colocar as imagens no meu Blog
Será que me poderão ajudar?
Obrigado antecipadamente
Cumprimentos
S.Leal
Dedico-me à astrofotografia principalmente de planetas e gostaria de por exemplo numa imagem da lua pôr legendas em algumas crateras, ou colocar o nome dos satélites de Júpiter de forme que as legendas aparecessem apenas quando o cursor do "mouse" passasse sobre a foto como no exemplo que se pode ver aqui:
http://myskyatnight.blogspot.com/2009/08/ontem-noite.html.
ou
http://myskyatnight.blogspot.com/
A intenção é colocar as imagens no meu Blog
Será que me poderão ajudar?
Obrigado antecipadamente
Cumprimentos
S.Leal
1 Byte, em 19/10/2009 às 01h50
Seria isso?:
Uma imagem que altera com o passar do mouse em cima(Mouse over),
O nome do código desse da troca da imagem com o Mouse é "imagem cambiável".
Espero ter lhe ajudado skorpios!
Byte
Este é um fórum de suporte aos administradores de fóruns da Forumeiros!
Não é um fórum de suporte para o Blogspot, sinto muito.
Mas se quiser fazer um fórum, recomendaria este serviço:
http://www.criarumblog.com/
Byte
<img src="URL DA IMAGEM NORMAL" onmouseover="this.src='URL DA IMAGEM COM LEGENDA'" onmouseout="this.src='URL DA IMAGEM NORMAL'">
Uma imagem que altera com o passar do mouse em cima(Mouse over),
O nome do código desse da troca da imagem com o Mouse é "imagem cambiável".
Espero ter lhe ajudado skorpios!
Byte
Este é um fórum de suporte aos administradores de fóruns da Forumeiros!
Não é um fórum de suporte para o Blogspot, sinto muito.
Mas se quiser fazer um fórum, recomendaria este serviço:
http://www.criarumblog.com/
Byte
2 skorpios, em 20/10/2009 às 19h49
Não sei bem como utilizar o código mas irei debruçar-me sobre o assunto. O problema do URL pressupõe ter que hospedar as imagens em algum HOST certo?
Vou também estudar a hipótese de criar um fórum...
Muito obrigado mesmo
Abraço
S.Leal Azevedo
Vou também estudar a hipótese de criar um fórum...
Muito obrigado mesmo
Abraço
S.Leal Azevedo
3 Byte, em 20/10/2009 às 23h45
Tente hospedar a imagem aqui:
http://www.imageshack.us/
http://www.imageshack.us/
4 skorpios, em 21/10/2009 às 02h46
Muito obrigado uma vez mais
Irei fazer os meus primeiros testes.
Abraço
Azevedo
Irei fazer os meus primeiros testes.
Abraço
Azevedo
5 Flaviinhow, em 22/10/2009 às 00h16
Byte, eu queria se você pudesse ainda, colocar o código em que além de a imagem mudar com o passar do mouse sobre a imagem, quando fizéssemos o clique aparecesse outra imagem ainda.
no caso seria um código para colocar três imagens, a normal, depois a do hover, e a do cllique que seria a final.
obrigado, Flaviinhow
no caso seria um código para colocar três imagens, a normal, depois a do hover, e a do cllique que seria a final.
obrigado, Flaviinhow
6 Byte, em 22/10/2009 às 00h34
Olá Flaviinhow !
Acabei de fazer o código, mas tem um problema, quando o mouse sai de cima da imagem, ela volta para a imagem inicial!
Se for o que você desejava, eis o código:
Se não for o que desejava, e você queria que a imagem não voltasse ao normal depois do clique, me avise que vou tentar fazer um código mais elaborado para você!
Espero ter lhe ajudado Flaviinhow !
Byte
Acabei de fazer o código, mas tem um problema, quando o mouse sai de cima da imagem, ela volta para a imagem inicial!
Se for o que você desejava, eis o código:
<img src="URL DA IMAGEM NORMAL" onmouseover="this.src='URL DA IMAGEM QUANDO O MOUSE ESTÁ EM CIMA'" onmouseout="this.src='URL DA IMAGEM NORMAL'" onclick="this.src='URL DA IMAGEM QUANDO CLICAR'" height="ALTURA" width="LARGURA">
Se não for o que desejava, e você queria que a imagem não voltasse ao normal depois do clique, me avise que vou tentar fazer um código mais elaborado para você!
Espero ter lhe ajudado Flaviinhow !
Byte
7 Flaviinhow, em 22/10/2009 às 00h49
que nada é isso mesmo, na verdade você fez da maneira que eu estava esperando, valeu mesmo, ^^
8 Byte, em 22/10/2009 às 01h06
Qualquer coisa de HTML/CSS pode contar comigo!
Até!
Até!
9 Flaviinhow, em 22/10/2009 às 01h08
certo então, até mais, ^^
10 Flaviinhow, em 24/10/2009 às 02h44
Byte, eu queria saber se tem como alterar o tempo da imagem de clique, é que quando eu clico na imagem nem dá pra ver que outra imagem aparece e logo a url aparece, para voce ver o código que estou utilizando é esse :
só quero que refaça ou melhore o código para que dê para ver a imagem de clique.
Mais uma vez muito obrigado.
Flaviinhow
<div align="center"><a href="http://www.megaupload.com/?d=WJRL8JOB" target="_blank" title="Seis Caminhos de Pein"><img src="http://i599.photobucket.com/albums/tt75/JutsuGryff/BaixarpeloMegaUpload.png" onmouseover="this.src='http://i599.photobucket.com/albums/tt75/JutsuGryff/BaixarpeloMegaUploadHover.png'" onmouseout="this.src='http://i599.photobucket.com/albums/tt75/JutsuGryff/BaixarpeloMegaUpload.png'" onclick="this.src='http://i599.photobucket.com/albums/tt75/JutsuGryff/BaixarpeloMegaUploadClique.png'" height="" width=""></a></div>
só quero que refaça ou melhore o código para que dê para ver a imagem de clique.
Mais uma vez muito obrigado.
Flaviinhow
11 Byte, em 25/10/2009 às 23h09
Aqui o código:
Infelizmente não consegui solução para o link abrir em uma nova janela (o target blank)
Mas consegui fazer isso!
Espero ter ajudado Flaviinhow !
Byte
<center><div onclick="this.getElementsByTagName('span')[0].style.display=((this.getElementsByTagName('span')[0].style.display=='none')?'':'none');">
<font style="cursor: pointer;"><img src="http://i599.photobucket.com/albums/tt75/JutsuGryff/BaixarpeloMegaUpload.png" onmouseover="this.src='http://i599.photobucket.com/albums/tt75/JutsuGryff/BaixarpeloMegaUploadHover.png'" onmouseout="this.src='http://i599.photobucket.com/albums/tt75/JutsuGryff/BaixarpeloMegaUpload.png'" onclick="this.src='http://i599.photobucket.com/albums/tt75/JutsuGryff/BaixarpeloMegaUploadClique.png'"></font>
<span style="display: none;">
<META HTTP-EQUIV="REFRESH" CONTENT="NUMERO DE SEGUNDOS PARA O LINK FUNCIONAR; URL=http://www.megaupload.com/?d=WJRL8JOB">
</span>
</div></center>
Infelizmente não consegui solução para o link abrir em uma nova janela (o target blank)
Mas consegui fazer isso!
Espero ter ajudado Flaviinhow !
Byte
12 Flaviinhow, em 25/10/2009 às 23h51
certo então, qualquer outro problema eu volto a lhe chamar certo, até mais ^^
13 Junnior., em 31/10/2009 às 17h02
Alguem pode me dizer onde se coloca este código?
14 Byte, em 02/11/2009 às 01h58
Falamos de HTML, pode colocar o código onde for possível colocar HTML!
^^
^^
15 Flaviinhow, em 02/11/2009 às 21h27
é isso aew ^^
16 Diegodossantos, em 05/11/2009 às 21h06
e como coloco no menu do cabeçalho? tipo no lugar do link da foto botar esse codigo?
17 Flaviinhow, em 05/11/2009 às 22h34
Cria um widget no portal ou fórum e coloca no topo com esse código
Temas similares
Qual é minha questão:
eu queria saber como eu poderia colocar o meu forum com esse efeito aki oo ..
http://i46.servimg.com/u/f46/16/96/81/25/sem_ta10.png
Se tiver como me passa o codigo desse forum ai obrg
link do forum que peguei a
Qual é minha questão:
Bom eu estava em um fórum, AQUI e dois efeitos muito interessantes e inovados me interessaram...
O primeiro é o efeito que está no Widget, o " Top Fame ", que quando passa o mouse em uma imagem abre uma outra caixa de
Nome:Efeito de luz seguindo o ponteiro do mouse
Descrição:Ao mover o poteiro do mouse, uma luz irá seguí-lo
Nível de Dificuldade:Iniciante / Intermediário
Requerimentos:Foi criado no GM8.1 Standard
Desenvolvimento:
Última Edição em 24/09/2011
1 -
Respostas 1 até 17 em 17 por "Efeito Mouse over"
Buscar
Veja também
Informaciones
17 Respostas Para el tema :
"Efeito Mouse over"
Este tema a sido visto 2906 veces.
Último mensaje escrito :
19/10/2009 às 01h33 por "skorpios"
