Sou iniciante em HTML, e estou tentando solucionar o seguinte problema:
Tenho uma imagem que contém diferentes seções. A cada uma dessas seções eu gostaria de adicionar um link, e, quando o usuário passar o mouse por cima da imagem (onde tiver o link), ela fazer um efeito, como por exemplo mudar de cor.
Para adicionar diferentes links em uma imagem única, eu utilizei a função map (#usemap), onde passei como parâmetros as coordenadas em pixel e o link foi adicionado à aquela seção específica com sucesso. Em outras experiências consegui fazer o efeito que desejava, porém em imagens separadas utilizando "onmouseouver / onmouseout". Porém como nesse caso, por se tratar de uma imagem única, estou meio perdido de como fazer o efeito funcionar...
Pergunta
doishi
Boa tarde pessoal!
Sou iniciante em HTML, e estou tentando solucionar o seguinte problema:
Tenho uma imagem que contém diferentes seções. A cada uma dessas seções eu gostaria de adicionar um link, e, quando o usuário passar o mouse por cima da imagem (onde tiver o link), ela fazer um efeito, como por exemplo mudar de cor.
Para adicionar diferentes links em uma imagem única, eu utilizei a função map (#usemap), onde passei como parâmetros as coordenadas em pixel e o link foi adicionado à aquela seção específica com sucesso. Em outras experiências consegui fazer o efeito que desejava, porém em imagens separadas utilizando "onmouseouver / onmouseout". Porém como nesse caso, por se tratar de uma imagem única, estou meio perdido de como fazer o efeito funcionar...
Segue abaixo o código:
<img src="url_imagem" width="925" height="525" alt="Engage"
usemap="#engage" border="0" align="center">
<map name="engage">
<area shape="circle" coords="134,198,54" href="link" alt="calendar" target="_blank">
<area shape="circle" coords="285,293,41" href="link" alt="ent-programs" target="_blank">
</map>
Link para o comentário
Compartilhar em outros sites
12 respostass a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.