[RESOLVIDO] Mapear imagens

renpv escreveu: Cara, eu acho que o que você está procurando chama-se fatiamento. Para fazer isso você vai precisar utilizar um editor de imagens como photoshop ou fireworks (o que você preferir).

Você fatia no photoshop com a ferramenta fatia (tecla de atalho K) e já escolhe nas fatias o destino de cada parte. Ao final vai em arquivo -> exportar para web e salva como html e imagens. Depois é só abrir no dreamweaver.

<!-- s:ugeek: --><img src="{SMILIES_PATH}/icon_e_ugeek.gif" alt=":ugeek:" title="Uber Geek" /><!-- s:ugeek: -->

Se tiver resolvido, coloca [resolvido] no título do tópico <!-- s8-) --><img src="{SMILIES_PATH}/icon_cool.gif" alt="" title="Tranquilo" /><!-- s8-) -->

uma opção que encontrei melhor foi esta:

Podes usar a técnica "area mapping" (sinceramente também é a única que conheço)
Basicamente tens uma imagem e nela defines uma, duas ou mais áreas às quais queres atribuir um link.
Código:
<img src="tuaimagem.jpg" width="256" height="256" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="rect" coords="6,201,51,246" href="#" />
<area shape="rect" coords="164,201,211,248" href="#" />
</map>
Se não entenderes o código usa algum programa de edição HTML para gerares o teu (este foi gerado no dreamweaver)

mas não está funcionando em todos os navegadores... se puder me ajudar aki

Não sei se você notou mas na página de extensões aqui do site tem uma figura que usa essa técnica e funciona em todos os navegadores que uso (certo que não são muitos <!-- s: --><img src="{SMILIES_PATH}/icon_mrgreen.gif" alt=":" title="Sr. Verde" /><!-- s: --> ). Aqui vai o link do frame
http://www.joomlaclube.com.br/site/wrap/ext2.html
Quando a página abrir é só olhar o código fonte.
Valeu? <!-- s:ugeek: --><img src="{SMILIES_PATH}/icon_e_ugeek.gif" alt=":ugeek:" title="Uber Geek" /><!-- s:ugeek: -->