위젯 소개

페이지에 이미지를 삽입할 때 사용합니다.

위젯 설정하기

1. 이미지 위젯을 추가합니다. 위젯 추가방법
2. 이미지 설정을 열어줍니다. 위젯 설정 열기
3. 아래 설정 항목을 참고해 설정을 변경합니다.

설정항목

1. 이미지 추가하기: 상단 이미지 영역에 마우스 커서를 올려놓으면 이미지를 업로드 하거나 아임웹이 제공하는 무료 이미지를 선택할 수 있습니다. 왼쪽 기본 이미지 영역에 이미지를 추가하면 페이지에 기본 표시 되며, 오른쪽 롤오버 영역에 이미지를 추가하면 롤오버 형식으로 처리됩니다.
2. 이미지 채우기: 이미지를 그리드에 빈 공간 없이 가득 채우게 됩니다. 이 옵션이 해제되면 허용된 그리드 공간 내에서 이미지를 잘림 없이 표현합니다.
3. 라이트박스: 이미지를 누르면 주변이 어두워지면서 큰 이미지로 확대하여 보여줍니다. *이미지 링크와 함께 사용할 경우 이 옵션이 무시됩니다.
4. 원형 이미지: 이미지를 원형으로 만듭니다. 이미지의 원본 비율과 상관 없이 정원 형태로 만듭니다.
5. 흑백 이미지: 이미지를 흑백으로 만듭니다.
6. 선명하게: 이미지가 보다 선명하게 보입니다. 이미지 유형에 따라 부적절하게 보일 수 있으니 주의해야 합니다.
7. 높이/높이고정: 이미지의 높이를 지정합니다. 이미지 채우기 설정 후 높이 고정을 활성화 하면 기기에 상관 없이 지정된 높이로 표현됩니다.
8. 설명: 이미지와 함께 출력할 텍스트를 삽입합니다. 이미지 아래에 표시하거나 겹쳐서 표시할 수도 있습니다.
9. 음영: 이미지 위에 입힐 색상을 지정할 수 있습니다.
10. 링크: 이미지를 클릭하면 이동하는 메뉴의 링크를 설정할 수 있습니다.

기본 이미지와 롤오버 이미지

롤오버 이미지란 마우스 커서가 이미지에 올라갔을 때 발동되는 효과 또는 이미지 전환을 말합니다. 롤오버 이미지 설정이 비어있으면 마우스를 올려도 변화가 생기지 않습니다. 예를 들어 롤오버 이미지 항목에서 '흑백 이미지'를 체크하게 되면 마우스를 올렸을 때 흑백 이미지로 표현됩니다.