이미지 맵 효과

모드 매개 변수의 값에 따라 뷰어는 원래 Dynamic Media Classic에서 지도가 작성된 위치에 기본 보기 위에 이미지 맵 아이콘을 표시하거나 원래 이미지 맵의 모양과 일치하는 정확한 영역을 렌더링합니다.

기본 뷰어 영역의 CSS 속성

이미지 맵 아이콘의 모양은 다음 CSS 클래스 선택기로 제어됩니다.

.s7ecatalogsearchviewer .s7imagemapeffect .s7icon
노트

과거에 이미지 맵 아이콘의 스타일을 지정하는 데 사용된 s7mapoverlay CSS 클래스는 이제 사용되지 않습니다. 대신 s7icon 를 사용하십시오.

CSS 속성

설명

배경 이미지

이미지 맵 아이콘 아트웍입니다.

배경 위치

CSS 스프라이트를 사용하는 경우 아트워크 스프라이트 내부에 위치를 지정합니다.

CSS Sprite 도 참조하십시오.

width

이미지 맵 아이콘 너비(픽셀 단위)입니다.

height

이미지 맵 아이콘 높이(픽셀 단위)입니다.

노트

이미지 맵 아이콘은 state 속성 선택기를 지원합니다. 이 선택기는 다른 스킨을 default 및 active의 아이콘 상태에 적용하는 데 사용할 수 있습니다.

예 - 두 개의 서로 다른 아이콘 상태에 대해 다른 이미지를 표시하는 28 x 28픽셀 이미지 맵 아이콘을 설정합니다.

.s7ecatalogsearchviewer .s7imagemapeffect .s7icon { 
 height: 28px; 
 width: 28px;  
 background-image: url(images/v2/ImageMapEffect_dark_up.png); 
} 
.s7ecatalogsearchviewer .s7imagemapeffect .s7icon[state="default"] { 
 opacity: 0.5; 
} 
.s7ecatalogsearchviewer .s7imagemapeffect .s7icon[state="active"] { 
opacity: 1; 
}

이미지 맵 지원도 참조하십시오.

이미지 맵 영역의 모양은 다음 CSS 클래스 선택기로 제어됩니다.

.s7ecatalogsearchviewer .s7imagemapeffect .s7region

CSS 속성

설명

배경

이미지 맵 영역 채우기 색입니다.

#RRGGBB, RGB(R, G, B) 또는 RGBA(R,G,B,A) 형식으로 지정됩니다.

배경색

이미지 맵 영역 채우기 색입니다.

#RRGGBB, RGB(R,G,B) 또는 RGBA(R,G,B,A) 형식으로 지정됩니다.

경계

이미지 맵 영역 테두리 스타일입니다.

너비 솔리드 색상 로 지정되며, 여기서 너비 은 픽셀로 표현되고 색상 는 #RRGGBB, RGB(R,G,B) 또는 RR(G,B,A)로 설정됩니다.

예 - 1 픽셀 검정색 테두리가 있는 투명한 이미지 맵 영역을 설정합니다.

.s7ecatalogsearchviewer .s7imagemapeffect .s7region { 
 border: 1px solid #000000; 
 background: RGBA(0,0,0,0);  
}

이 페이지에서는