이지스트의 이미지 베너 컴포넌트는 웹 사이트의 레이아웃과 디자인을 보완하는 역할을 합니다. 이미지를 배치할 때 먼저 고려해야 하는 페이지 레이아웃과 이미지의 크기를 자유롭게 설정할 수 있습니다. 이미지가 페이지 전체를 차지하거나, 가운데 정렬되어 있는 등의 레이아웃을 정할 수 있습니다. 모바일 기기에서도 잘 보이도록 반응형으로 이미지를 배치 할 수 있습니다.
1. 이미지 컴포넌트와 베너 컴포넌트의 차이
베너 컴포넌트의 경우 원본 이미지의 크기와 상관없이 선택한 베너 컴포넌트의 디자인에 맞춰 이미지 크기와 비율이 리사이징 됩니다.
이미지 컴포넌트의 경우 별도의 디자인이 없기 때문에 원본 이미지 크기와 비율이 그대로 적용됩니다.
2. 이미지 컴포넌트의 종류
① B009 (너비가 1024xp이하인 이미지에 적합)
원본 이미지의 가로 너비가 1024px 이상일 경우 강제로 너비가 1024px로 리사이징 되며 세로 너비도 동일한 비율로 줄어듭니다.
가로 너비가 1024px 이하일 경우 별도의 리사이징 없이 반영되며 이미지는 가운데 정렬 됩니다.
이미지를 여러장 반영할 경우 이미지 1장 단위로 스와이핑 됩니다
② B010 (너비가 1024xp이하인 이미지에 적합)
B009베너와 동일한 속성이지만 이미지가 여러장일 경우 1장 단위로 스와이핑 되는 것이 아니라 영역 전체가 스크롤 됩니다.
③ B011 (너비가 1024xp이상인 이미지에 적합)
이미지의 너비의 제약 없이 이미지 원본 크기 그대로 반영 됩니다. 화면 전체를 이미지로 꽉 채우고 싶을때 유용합니다.
3. 이미지 세부 설정
타이틀 : 베너 이미지 안에 들어갈 큰 글씨 입니다
설명 : 베너 이미지 안의 들어갈 본문 내용입니다
링크주소 : 베너 이미지를 선택하였을때 이동할 링크 주소를 입력합니다.
동영상 주소 : B011 베너의 경우 이미지가 아닌 동영상을 업로드 할 수 있습니다
모바일 이미지 : 모바일 화면일 때 보여질 이미지를 별도로 업로드 할 수 있습니다.
PC 이미지 : 일반 PC화면일때 보여질 이미지를 업로드 합니다.
이미지 컴포넌트 이미지간 간격과 모서리 둥굴게 정도를 조정할 수 있습니다.
원하시는 답변이 아닌가요? 우측 하단 실시간 채팅을 신청하시면 최대한 빨리 답변 드리도록 하겠습니다.
이미지를 배치할 때 먼저 고려해야 하는 페이지 레이아웃과 이미지의 크기를 자유롭게 설정할 수 있습니다.
이미지가 페이지 전체를 차지하거나, 가운데 정렬되어 있는 등의 레이아웃을 정할 수 있습니다.
모바일 기기에서도 잘 보이도록 반응형으로 이미지를 배치 할 수 있습니다.
1. 이미지 컴포넌트와 베너 컴포넌트의 차이
2. 이미지 컴포넌트의 종류
① B009 (너비가 1024xp이하인 이미지에 적합)
② B010 (너비가 1024xp이하인 이미지에 적합)
③ B011 (너비가 1024xp이상인 이미지에 적합)
3. 이미지 세부 설정