Ir para conteúdo
Fórum Script Brasil

doishi

Membros
  • Total de itens

    7
  • Registro em

  • Última visita

Posts postados por doishi

  1. 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

×
×
  • Criar Novo...