이미지 위젯
텍스트 위젯과 더불어 가장 자주 쓰이는 위젯입니다. 페이지에 이미지 요소를 삽입하 고자 할 때 사용합니다.
- 이미지 삽입 방법: 왼쪽 상단 이미지 영역에 마우스 커서를 올려놓으면 이미지를 업로드 할 수 있습니다.
- 이미지 채우기: 이미지를 그리드에 빈 공간 없이 가득 채우게 됩니다. 이 옵션이 해제되면 허용된 그리드 공간 내에서 이미지를 잘림 없이 표현합니다.
- 라이트박스: 이미지를 누르면 주변이 어두워지면서 큰 이미지로 확대하여 보여줍니다. 이미지 링크와 함께 사용할 경우 이 옵션이 무시됩니다.
- 원형 이미지: 이미지를 원형으로 만듭니다. 이미지의 원본 비율과 상관 없이 정원 형태로 만듭니다.
- 흑백 이미지: 이미지를 흑백으로 만듭니다.
- 선명하게: 이미지가 좀 더 선명하게 보입니다. 이미지 유형에 따라 부적절하게 보일 수 있으니 주의해야 합니다.
- 높이/높이고정: 이미지의 높이를 지정합니다. 높이고정이 활성화 되면 기기에 상관 없이 지정된 높이로 표현됩니다.
- 설명: 이미지와 함께 출력할 텍스트를 삽입합니다. 이미지 아래에 표시하거나 겹쳐서 표시할 수도 있습니다.
- 음영: 이미지 위에 입힐 색상을 지정할 수 있습니다.
롤오버 이미지란?
롤오버 이미지란 마우스 커서가 이미지에 올라갔을 때 발동되는 효과 또는 이미지 전환을 말합니다. 롤오버 이미지 설정이 비어있으면 마우스를 올려도 변화가 생기지 않습니다.
예를들어 롤오버 이미지 항목에서 "흑백 이미지"를 체크하게 되면 마우스를 올렸을 때 흑백 이미지로 표현됩니다.
이미지맵 위젯
하나의 이미지에 여러 링크 영역을 구현하고자 할 때 사용합니다.
사용방법
- 이미지 맵으로 사용할 이미지를 업로드 합니다.
- 이미지 맵 링크의 추가 버튼을 눌러 링크 영역을 추가하고 이동될 경로를 지정합니다.
- 이미지에서 링크 영역을 적절한 크기로 배치합니다.
- 이미지 맵 링크는 여러번 추가할 수 있습니다.
