Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 299

efeito varios link em uma imagem

23-07-2009 21:49

olá queria saber como faz esse efeito de quando passamos o mause no objeto ele mostra o nome e no se clicar funciona como link,e caso clique em um campo vazio ele não mostre nada!

vejam o exemplo:
imagem 1
http://img269.imageshack.us/img269/1733/exe1d.jpg

imagem2
http://img266.imageshack.us/img266/9832/exe2.jpg

é na base do código? ou um programa?vlw
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17407
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

efeito varios link em uma imagem

23-07-2009 22:11

Existe uma tag chamada map, que você mapeia uma imagem e define uma área para a figura, por exemplo, você pode fazer determinada parte da imagem se tornar clicável, ai se aplica o efeito onmouseover sobre aquele link para o que você quer.

Existe alguns editores que permitem fazer esse map, não me pergunte porque não uso editores, mas, tem um site que irá facilitar bastante a criação do seu map.

http://www.maschek.hu/imagemap/imgmap

É em inglês.

Depois de criar o map vem o efeito para mostrar o texto na caixa, ai você procura no fórum.
0
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum :rock:
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 299

efeito varios link em uma imagem

23-07-2009 22:31

ótimo , o site e muito fácil de usar! consegui fazer e tal , mas na hora de mostra a imagem ele num mostra :eek ! mas agora sei por onde começar as minhas buscas tag map :plus

muito obrigado web!novamente! :)
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17407
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

efeito varios link em uma imagem

23-07-2009 22:40

Se você já criou o map, agora é só procurar o efeito onmouseover e onmouseout para aplicar no href que criou.
0
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum :rock:
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 299

efeito varios link em uma imagem

24-07-2009 13:27

eu já fiz o map, e coloquei o mapeamento e está tudo funcionando! procurei no fórum os efeitos e ainda sem sucesso!! :?
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17407
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

efeito varios link em uma imagem

24-07-2009 13:58

0
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum :rock:
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 299

efeito varios link em uma imagem

24-07-2009 15:11

vlw web ! eu fiz até dei um estilo nele com css ,mas como faz para ele aparecer ao lado do mouse e como não mostrar a url , pois no caso quero que mostre o nome do objecto(já está ) e não a url (porém preciso ter a url pra o sistema funcionar,só que não é pra mostrar na mensagem)e também mostre a mensagem ao lado do mouse,tem como?

olha como ele tá!
http://img407.imageshack.us/img407/6706/exe3.jpg

vlw
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17407
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

efeito varios link em uma imagem

24-07-2009 15:43

Ai no CSS você define as posições, top, left, etc...

Para não mostrar o link

contents.innerHTML=msg+"<p>"+obj.href

Como valor, deixa só o msg tirando o q está na frente
0
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum :rock:
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 299

efeito varios link em uma imagem

24-07-2009 16:36

funcionou!!agora ele só mostra o nome do objeto e não mais a url!bem quanto a posição eu modifiquei o #messageBox{mas parece que ele não está funcionando! pois mesmo se eu excluir todas as linhas dentro dele deixando o
somente o display:none; ele funciona! fora isso tudo que eu edito ele nao aplica! vlw
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17407
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

efeito varios link em uma imagem

24-07-2009 16:45

#messageBox esse id no CSS se aplica a caixa que mostra o texto, qualquer valor válido que você colocar ai é aplicado, eu testei aqui. Você tem que mudar os valores para valores válidos aplicáveis no CSS

Esse id #closeButt você pode deletar o bloco dele esse outro mantém #contents
0
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum :rock:
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 299

efeito varios link em uma imagem

24-07-2009 17:30

blz, como aqui não tá funcionando, vou fazer de outro jeito , vlw web! :-)
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17407
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

efeito varios link em uma imagem

24-07-2009 17:33

Flw :wink
0
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum :rock:

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado