배경이미지에 링크를 걸고 싶습니다.
본문
아직도 드림위버를 쓰고 있는 초보입니다.
예전에는 아무것도 아니었던게 지금은 부담으로 다가옵니다.
아래이미지중 특정부분을 영역으로 설정하여 링크를 걸고 싶습니다.
비교적 간단할것 같아 제잗의로는 맞지 않다고 판단하여 질문 남겨봅니다.
https://woosungent.com/product07.php
감사합니다.
답변 5
해당 부분을 이미지 맵을 걸어적용을 해야 하나 반응형이다보니 크기변형이 있다보니 이미지맵을 참고하셔서 적용이 필요한 부분으로 보여집니다.
참고: https://usingu.co.kr/frontend/html/%EB%B0%98%EC%9D%91%ED%98%95-%EC%9D%B4%EB%AF%B8%EC%A7%80%EB%A7%B5/
어떤 이미지 말씀하시는지 자세하게 설명 부탁드릴수있을까요
하단에 통 이미지가 있습니다. 이미지맵을 활용하면 좋을것 같은데 배경이미지이고 반응형이라
한번도 시도해본적이 없습니다.
보이지 않는 div에 absoulte 로 영역을 잡고 a링크로 태우되, 반응형이면 모바일용 이미지를 하나 더만들어서 하는방법이 있겠지만 노가다이니 비추천드리고 아무래도 이미지맵을 쓰시는게 제일 좋아보이네요.
이미지맵으로 구성하시거나, 이미지를 쪼각쪼각 내서 각각의 요소에 담고 레이아웃 구성 통해 합치는 수밖에 없어요.
반응형 이미지맵을 검색하면 플러그인을 사용해서 반응형에 맞게 이미지맵을 걸수 있습니다.
http://mattstow.com/experiment/responsive-image-maps/rwd-image-maps.html 참고해보세요.
답변을 작성하시기 전에 로그인 해주세요.