페이지24 가이드

이미지 스크롤

이미지 영역을 스크롤 합니다.

영역을 좌, 우로 구분하여 좌측은 항상 고정된 텍스트를 표시하고, 우측은 스크롤에 따라 이미지들이 순차적으로 보이는 형태입니다.

❶ 추가: 상단 또는 리스트 하단 '+추가' 버튼을 클릭하여 더 많은 항목을 추가할 수 있습니다.

❷ 이미지 첨부: 영역을 클릭하여 슬라이드로 노출할 이미지를 업로드합니다.

❸ 이미지 음영 설정: 이미지의 음영색을 설정합니다.

❹ 타이틀 및 설명: 이미지에 대한 제목과 설명을 입력합니다. 비우면 노출되지 않습니다.

❶ 자세히 설정하기

타이틀 설정 방식을 변경할 수 있습니다. 자세히 설정하기를 클릭 시 텍스트 정렬과 사이즈 등 세부 사항을 설정할 수 있습니다.

❷ 텍스트 정렬

  • 텍스트 좌우 정렬: 타이틀의 좌측, 중앙, 우측 정렬을 설정합니다.

  • 텍스트 상하 정렬: 타이틀의 상단, 중앙, 하단 정렬을 설정합니다.

❸ 타이틀: 타이틀 텍스트를 작성하고 세부 항목을 설정할 수 있습니다.

❶ 전체 넓이 사용

  • 사용함: 적용한 홈페이지 가로 사이즈를 무시하고 가로로 꽉차게 보여집니다.

  • 사용안함: 적용한 홈페이지 가로 사이즈 내에서 구성 요소가 보여집니다.

❷ 이미지 간격: 이미지 사이의 간격을 설정합니다.

❸ 테두리 라운드: 사방 모서리 둥글림 정도를 설정합니다.

❹ 글자 위치

  • 바깥쪽: 이미지 하단으로 작성한 글씨가 보입니다.

  • 안쪽: 이미지 내부 좌측 하단에 작성한 글씨가 보입니다.

❺ 타이틀 글자 사이즈: 이미지를 첨부하며 작성했던 타이틀의 사이즈를 설정합니다.

❻ 설명글 글자 사이즈: 이미지를 첨부하며 작성했던 설명글의 사이즈를 설정합니다.

❼ 글자색: 글자 색상을 설정합니다.

❽ 배경 모드

  • 일반: 이미지 또는 단색으로 배경을 꾸밀 수 있습니다.

  • 커스텀 CSS: 직접 CSS 코드를 작성하거나, CSS 그라데이션 사이트에서 원하는 코드를 복사해 붙여넣을 수 있습니다.

이미지 스크롤 구성 요소의 위, 아래, 왼쪽, 오른쪽 여백을 각각 설정할 수 있습니다.