Ir para conteúdo
Fórum Script Brasil
  • 0

Manipulação de Imagens


doishi

Pergunta

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>

Engage Mapear.PNG

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.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,4k
×
×
  • Criar Novo...