하나의 이미지를 자르고 각 부분에 링크를 제공합니다.

Question

Photoshop에서 이미지를 탐색 그래프로 바꾸고 싶습니다. 개별 조각이 단추가되어야하지만 모든 조각을 잘라내 HTML 및 CSS로 다시 배치하고 싶지 않습니다. 이미지를 가져 와서 그 일부를 특정 링크에 지정하고 이미지를 분해하지 않고 다른 사람에게 동일하게 지정하는 방법이 있습니까? 나는 어도비 포토샵 cs6 그래서 편집면에서 유연성을 가지고 있어요.

많은 도움을 주셔서 감사합니다. 며칠 동안이 문제로 인해 어려움을 겪었습니다. HTML에서 http://picpaste.com/TheBestThingEver-DcyjrkW8.jpg

Answer 1

이미지 맵을 사용할 수 있습니다.

개념 :http://www.w3schools.com/tags/tag_area.asp

<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap"> 

<map name="planetmap"> <!-- this name must match the 'usemap' name above --> 
    <area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun"> 
    <area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury"> 
    <area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus"> 
</map> 

하우투 :http://www.graphics.com/article-old/creating-web-page-mockups-and-image-maps-photoshop

Answer 2

map 및 area 태그이 작업을 수행하게됩니다 : 여기

은 이미지에 링크입니다. 이 링크의 예가 http://www.htmlcodetutorial.com/images/images_famsupp_220.html