Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Dark Phoenix

[Resolvido] criação efeito

Por , em Javascript

Recommended Posts

Dark Phoenix    0

Dark Phoenix
Postado

João, resolvi me cadastrar no site para ver o funcionamento. Não vi referência a pirataria, pelo que é possível perceber as músicas vem do Youtube e Last.FM. Logo, antes dele ser considerado site pirata, os outros dois também devem ser considerados. O usuário não precisa fazer upload das músicas e vídeos.

 

Outro detalhe é que para si cadastrar no site, bastaria acessar o link que está na página inicial, não havendo necessidade de convites (não sei se isso foi alterado depois da advertência).

 

 

Em relação à pirataria foi questão de interpretação mesmo. Em relação ao cadastro, isto foi mudado agora. Antes era necessário o convite, tanto é que no tópico postado em avaliações os membros estavam deixando o e-mail para receber os convites.

 

Bom dia galera, alguém poderia me ajudar, dizendo com posso fazer ou o que devo usar pra conseguir um efeito igual a do site netcarshow, por exemplo nesse link

http://www.netcarshow.com/dodge/

 

quando você passa o mouse, em cima do link, e ele da um preview mostrando um pequeno retangulo, onde em cada link aparece um diferente, e também esse retangulo aconpanha o mouse.

 

obrigado desde já.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Aprendiz CSS    3

Aprendiz CSS
Postado

Não é complexo

 

adicione no efeito hover do elemento A para ele exibir uma imagem.

 

Se fizer em javascript é melhor do que puramente em CSS

 

Abraço

Compartilhar este post

Link para o post
Compartilhar em outros sites

Aprendiz CSS    3

Aprendiz CSS
Postado

Se for em javascript o efeito é praticamente automatico

 

pesquise por plugin do jQuery, vai facilitar em ao menos 95%

 

abraço

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

veja:

http://forum.imasters.com.br/index.php?/topic/377255-lowsrc-e-src-ao-passar-o-mouse-amplia-a-imagem/page__view__findpost__p__1531894

Compartilhar este post

Link para o post
Compartilhar em outros sites

Dark Phoenix    0

Dark Phoenix
Postado

vlws ae william era exatamente isso,

e vlw tambem aprendiz, nao conheço muito javascript e vou correr atras para aprender agora

 

obrigado novamente aos 2

 

somente mais 1 duvida galera, no exemplo ali ele utiliza uma imagem,

usando este codigo pra mostrar:

<img src="http://lacomunidad.elpais.com/blogfiles/tudo/google.jpg"'>http://t3.gstatic.com/images?q=tbn:NVUHZdbsTCep-M:http://lacomunidad.elpais.com/blogfiles/tudo/google.jpg" onmouseout="none();" lowsrc="http://lacomunidad.elpais.com/blogfiles/tudo/google.jpg" onmouseover="block( this.lowsrc );" onmousemove="move( event )" />

fiz alteração para mostrar em um link

<a href="LINK" onmouseout="none();" lowsrc="http://lacomunidad.elpais.com/blogfiles/tudo/google.jpg" onmouseover="block( this.lowsrc );" onmousemove="move( event )" />TEXTO</a>

porém a imagem não é exibida, alguém sabe porque?

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado 

<html>

<head>

<script type="text/javascript">

function block( pegaValor )

{

var box = document.getElementById('dom');

var pegaImagem = "<img src='" + pegaValor + "' />";

 

box.innerHTML=pegaImagem;

 

box.style.visibility="visible";

}

 

function none()

{

var box = document.getElementById('dom');

box.style.visibility="hidden";

box.style.innerHTML="";

}

 

function move( event )

{

var box = document.getElementById('dom');

box.style.top = event.clientY+15+'px';

box.style.left = event.clientX+15+'px';

}

</script>

</head>

<body>

<div id="dom" style="visibility:hidden;height:auto;position:absolute;border:1px solid #666;background:#333;color:#fff;text-align:center;"></div>

 

<a href="http://lacomunidad.elpais.com/blogfiles/tudo/google.jpg" onmouseout="none();" onmouseover="block( this.href );" onmousemove="move( event )">Link</a>

</body>

</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Dark Phoenix    0

Dark Phoenix
Postado

quase isso amigo willian, no seu exemplo ele exibi a imagem do link, no caso eu queria um link diferente da imagem. Por exemplo um link pra o imasters com uma outra imagem.

 

abraços

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

tá.. tenta usar algum atributo que exista

 

coloca o href no imasters, e sei lá, um rel com a imagem.

entendeu ?

 

colocando a imagem no rel, você precisa modificar a chamada que informa onde a imagem estpa:

onmouseover="block( this.href );"

^_^ eu entendi oque você queria, e sei fazer... mas o importante é você.. fiz apenas para exemplificar...

o resto é por tua conta e imaginação.

 

não funcionou ali, até pq lowsrc não é um atributo válido da tag <a>, e você não fez a troca.

entenda oque postei, compare.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Dark Phoenix    0

Dark Phoenix
Postado

vlw ae willian agora foi cara,fiz com o rel mesmo que falou,

eu tinha entendido como funcionava, e também tinha visto que o lowsrc não estava funcionando, e não sabia que era um atributo exclusivo do <img>

 

vlws mesmo cara, e como você disse melhor que pegar o codigo pronto e conseguir entender e aprender.

 

duvida resolvida

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito