2012-12-06 1 views
0

맵 기반 웹 페이지에 이미지 맵을 추가했습니다. 다른 해상도에서 작동하기 때문에 브라우저 뷰포트 크기가 변경되면 이미지 맵에 정의 된 핫 스폿이 동적으로 변경되어야합니다.dreamviewer imagemap "coords"속성이 브라우저 뷰포트 크기를 변경합니까?

예 : 처음에는 인도에서 핫스팟을 배치하고 브라우저 크기를 변경하면 여전히 이 인도에 배치되어 있어야합니다.

나는 세 개의 매개 변수를 포함하는 "coords"라는 속성이 있다는 것을 알았습니다.

  1. 브라우저의 viweport 크기를 변경하면 이러한 속성이 동적으로 변경됩니까?
  2. 동적으로 변경할 수 있습니까?
  3. 자바 스크립트를 사용 하시겠습니까?

(. 지금까지 내가 그들이 절대 위치에 고정되는 테스트로)

+0

을위한 솔루션되지 않습니다 * 이미지 처음부터 동적으로 크기를 변경합니까? –

+0

@Pekka : 예, "imagemaps"가 생성 된 이미지는 동적으로 크기가 변경됩니다. –

+0

이미지 맵에서 상대 좌표 (%)를 사용해야 할 것입니다. 픽셀 좌표는 축척되지 않습니다. Dreamweaver가 지원하는지 여부는 알지 못합니다. 시도해보십시오. –

답변

0
나는 이미지 맵에 대한 몇 가지 연구를하고 발견

; 그것이 내가 동적으로 change'em하려하지 않았다 브라우저 뷰포트의 크기

  • 가 변경 될 때

    1. 그들은 동적으로 위치를 변경하지 않습니다. 희망 당신은 자바 스크립트
    2. 자바 스크립트와 함께 할 수 할 수 있습니다 것은 내 문제 자바 스크립트의 사용과

    을위한 솔루션이었다;

    브라우저 뷰포트의 너비와 높이가 당신이 요소를 dreamviewer에서

    이미지 맵의 위치를 ​​수있는 폭이나 높이에

    을 촬영 그리고 상대 할 수있는 것은 *이 문제

  • +0

    이미지 크기를 조정하려면 SVG를 제안하십시오. 벡터는 위/아래로 크기를 조정할 때 성능이 저하되지 않으며 Raphael과 같은 멋진 도구를 사용하면 SVG 이미지를 이미지 맵과 같이 다른 지역에서 쉽게 클릭 할 수 있습니다. 또한 잘 지원됩니다. http://caniuse.com/#feat=svg – Jasper

    관련 문제