이미지 핫스팟

  • 0:7 min

  • 0 comments

이미지 핫스팟 요소에는 두 개의 부분이 있습니다. 이미지 자체와 이미지 안에 위치할 개별 마커입니다. 각 마커에는 마커를 클릭했을 때 나타나는 '팝오버 콘텐츠'가 있습니다. 팝업동작 Offset Skidding 팝업이 나타날 위치를 ​​변경합니다.…

이미지 핫스팟 요소에는 두 개의 부분이 있습니다. 이미지 자체와 이미지 안에 위치할 개별 마커입니다. 각 마커에는 마커를 클릭했을 때 나타나는 ‘팝오버 콘텐츠’가 있습니다.

팝업동작

Offset Skidding

팝업이 나타날 위치를 ​​변경합니다.

Offset Distance

마커와 팝업 사이에 간격을 추가합니다.

Preferred Popup Placement

기본적으로 팝업은 공간이 있는 쪽을 자동으로 찾아서 나타나니다. 그러나 팝업을 특정 방향으로 강제로 나타나도록 해야할 때 이 설정으로 할 수 있습니다.

User Interaction to Open

‘Click’은 클릭과 탭이 팝업을 열도록 합니다. 호버로 열려면 ‘Mouseenter click’을 사용하세요. 이렇게 하면 데스크톱에서는 호버가 트리거하지만 모바일에서는 사용자가 탭하여 열 수 있습니다.

Move focus to popover content on tab

인기글

23

9월

이미지 핫스팟 요소에는 두 개의 부분이 있습니다. 이미지 자체와 이미지 안에 위치할 개별 마커입니다. 각 마커에는 마커를 클릭했을 때 나타나는 '팝오버 콘텐츠'가 있습니다. 팝업동작 Offset Skidding 팝업이 나타날 위치를 ​​변경합니다.…

Leave the first comment