슬라이드 네비게이션

불릿

  • 기능: 불릿(원형점) 네비게이션을 이용하여 슬라이드 페이지를 이동합니다.
     
  • 불릿 속성
    슬라이드 속성?
    불릿:
    데스크탑
    태블릿
    모바일
    데스크탑:
    위치:
    스타일:
    크기:
    선두께:
    라운드:
    간격:
    여백(x):
    여백(y):
    offsetX:
    offsetY:
    선택:
    선:
    배경:
    Hover:
    탭메뉴(데스크탑, 태블릿, 모바일)를 선택하여 각각의 디바이스에 맞게 설정 가능
    -----------------------------------------
    1) 데스크탑: 데스크탑 접속환경에서 불릿 네비게이션 표시 여부 설정
       - 항상표시: 불릿 네비게이션을 항상 표시
       - 마우스 오버시 표시: 슬라이드에 마우스를 오버했을 경우에만 불릿 네비게이션 표시
       - 표시안함: 불릿 네비게이션 표시안함
    2) 위치: 불릿 네비게이션 위치 설정
    3) 스타일: 불릿 네비게이션 스타일 설정
    -----------------------------------------
    4) 크기: 불릿의 크기 설정
    5) 라운드: 사각형 불릿의 둥근 모서리 설정
    6) 간격: 불릿의 가로 간격 설정
    7) offsetX: 불릿의 X좌표 시작위치 설정
    8) offsetY: 불릿의 Y좌표 시작위치 설정
    -----------------------------------------
    9) 선택: 선택된 불릿의 배경색 설정
    10) 선: 불릿의 선 색상 설정
    11) 배경: 불릿의 기본 배경색 설정
    11) Hover: 불릿에 마우스 오버했을때 배경색 설정

화살표

  • 기능: 화살표 네비게이션을 이용하여 슬라이드 페이지를 이동합니다.
     
  • 화살표 속성
    슬라이드 속성?
    화살표 버튼:
    데스크탑
    태블릿
    모바일
    데스크탑:
    위치:
    스타일:
    크기:
    선두께:
    여백(x):
    여백(y):
    offsetX:
    offsetY:
    라운드:
    선:
    Hover:
    화살표:
    Hover:
    배경:
    Hover:
    탭메뉴(데스크탑, 태블릿, 모바일)를 선택하여 각각의 디바이스에 맞게 설정 가능
    -----------------------------------------
    1) 데스크탑: 데스크탑 접속환경에서 화살표 네비게이션 표시 여부 설정
       - 항상표시: 화살표 네비게이션을 항상 표시
       - 마우스 오버시 표시: 슬라이드에 마우스를 오버했을 경우에만 화살표 네비게이션 표시
       - 표시안함: 화살표 네비게이션 표시안함
    2) 위치: 화살표 네비게이션 위치 설정
    3) 스타일: 화살표 네비게이션 스타일 설정
    -----------------------------------------
    4) 크기: 화살표 버튼 크기 설정
    5) 선두께: 화살표 선두께 설정
    6) offsetX: 화살표 버튼의 X좌표 시작위치 설정
    7) offsetY: 화살표 버튼의 Y좌표 시작위치 설정
    -----------------------------------------
    8) 선: 화살표 버튼의 테두리 색상 설정
    9) 화살표: 화살표의 색상 설정
    10) 배경: 화살표 버튼의 배경색 설정
    11) Hover: 마우스 오버했을때 색상 설정

탭메뉴

  • 기능: 탭메뉴 네비게이션을 이용하여 슬라이드 페이지를 이동합니다.
     
  • 탭메뉴 속성
    슬라이드 속성?
    탭메뉴:
    데스크탑
    태블릿
    모바일
    데스크탑:
    위치:
    스타일:
    정렬:
    넓이:
    높이:
    글자크기:
    선두께:
    라운드:
    간격:
    여백(x):
    여백(y):
    offsetX:
    offsetY:
    글자:
    Hover:
    선택:
    선:
    Hover:
    선택:
    배경:
    Hover:
    선택:
    탭메뉴(데스크탑, 태블릿, 모바일)를 선택하여 각각의 디바이스에 맞게 설정 가능
    -----------------------------------------
    1) 데스크탑: 데스크탑 접속환경에서 탭메뉴 네비게이션 표시 여부 설정
       - 항상표시: 탭메뉴 네비게이션을 항상 표시
       - 마우스 오버시 표시: 슬라이드에 마우스를 오버했을 경우에만 탭메뉴 네비게이션 표시
       - 표시안함: 탭메뉴 네비게이션 표시안함
    2) 위치: 탭메뉴 네비게이션 위치 설정
    3) 스타일: 탭메뉴 네비게이션 스타일 설정
    4) 정렬: 탭메뉴 제목 정렬 설정
    -----------------------------------------
    5) 넓이: 탭메뉴 넓이 설정
    6) 높이: 탭메뉴 높이 설정
    7) 글자크기: 탭메뉴 폰트 크기 설정
    8) 라운드: 탭메뉴 사각형 테두리의 둥근 모서리 설정
    9) offsetX: 탭메뉴 X좌표 시작위치 설정
    10) offsetY: 탭메뉴 Y좌표 시작위치 설정
    -----------------------------------------
    11) 글자: 탭메뉴 폰트 색상 설정
    12) 선: 탭메뉴 테두리 선의 색상 설정
    13) 배경: 탭메뉴 배경색 설정
    14) Hover: 마우스 오버했을때 색상 설정
    15) 선택: 선택된 탭메뉴 아이템의 색상 설정

썸네일

  • 기능: 썸네일 네비게이션을 이용하여 슬라이드 페이지를 이동합니다.
     
  • 썸네일 속성
    슬라이드 속성?
    썸네일:
    데스크탑
    태블릿
    모바일
    데스크탑:
    위치:
    스타일:
    제목:
    넓이:
    선두께:
    라운드:
    간격:
    여백(x):
    여백(y):
    offsetX:
    offsetY:
    글자:
    Hover:
    선택:
    선:
    Hover:
    선택:
    배경:
    Hover:
    선택:
    탭메뉴(데스크탑, 태블릿, 모바일)를 선택하여 각각의 디바이스에 맞게 설정 가능
    -----------------------------------------
    1) 데스크탑: 데스크탑 접속환경에서 썸네일 네비게이션 표시 여부 설정
       - 항상표시: 썸네일 네비게이션을 항상 표시
       - 마우스 오버시 표시: 슬라이드에 마우스를 오버했을 경우에만 썸네일 네비게이션 표시
       - 표시안함: 썸네일 네비게이션 표시안함
    2) 위치: 썸네일 네비게이션 위치 설정
    3) 스타일: 썸네일 네비게이션 스타일 설정
    4) 제목: 썸네일 아래에 제목 표시여부 설정
    -----------------------------------------
    5) 넓이: 썸네일 넓이 설정
    6) 선뚜게: 썸네일 테두리 선의 두께 설정
    7) 라운드: 썸네일 사각형 테두리의 둥근 모서리 설정
    8) 여백: 썸네일 내부 여백 설정
    9) offsetX: 썸네일 X좌표 시작위치 설정
    10) offsetY: 썸네일 Y좌표 시작위치 설정
    -----------------------------------------
    11) 글자: 썸네일 폰트 색상 설정
    12) 선: 썸네일 테두리 선의 색상 설정
    13) 배경: 썸네일 배경색 설정
    14) Hover: 마우스 오버했을때 색상 설정
    15) 선택: 선택된 썸네일 아이템의 색상 설정