디자인모드



위젯디자인모드 - 위젯 - 이미지/이미지맵 위젯


이미지 위젯

텍스트 위젯과 더불어 가장 자주 쓰이는 위젯입니다. 페이지에 이미지 요소를 삽입하 고자 할 때 사용합니다.

  • 이미지 삽입 방법: 왼쪽 상단 이미지 영역에 마우스 커서를 올려놓으면 이미지를 업로드 할 수 있습니다.
  • 이미지 채우기: 이미지를 그리드에 빈 공간 없이 가득 채우게 됩니다. 이 옵션이 해제되면 허용된 그리드 공간 내에서 이미지를 잘림 없이 표현합니다.
  • 라이트박스:  이미지를 누르면 주변이 어두워지면서 큰 이미지로 확대하여 보여줍니다. 이미지 링크와 함께 사용할 경우 이 옵션이 무시됩니다.
  • 원형 이미지: 이미지를 원형으로 만듭니다. 이미지의 원본 비율과 상관 없이 정원 형태로 만듭니다.
  • 흑백 이미지: 이미지를 흑백으로 만듭니다.
  • 선명하게: 이미지가 좀 더 선명하게 보입니다.  이미지 유형에 따라 부적절하게 보일 수 있으니 주의해야 합니다.
  • 높이/높이고정: 이미지의 높이를 지정합니다. 높이고정이 활성화 되면 기기에 상관 없이 지정된 높이로 표현됩니다.
  • 설명: 이미지와 함께 출력할 텍스트를 삽입합니다. 이미지 아래에 표시하거나 겹쳐서 표시할 수도 있습니다.
  • 음영: 이미지 위에 입힐 색상을 지정할 수 있습니다.

롤오버 이미지란?

롤오버 이미지란 마우스 커서가 이미지에 올라갔을 때 발동되는 효과 또는 이미지 전환을 말합니다. 롤오버 이미지 설정이 비어있으면 마우스를 올려도 변화가 생기지 않습니다.

예를들어 롤오버 이미지 항목에서 "흑백 이미지"를 체크하게 되면 마우스를 올렸을 때 흑백 이미지로 표현됩니다.




이미지맵 위젯

하나의 이미지에 여러 링크 영역을 구현하고자 할 때 사용합니다.

사용방법

  1. 이미지 맵으로 사용할 이미지를 업로드 합니다.
  2. 이미지 맵 링크의 추가 버튼을 눌러 링크 영역을 추가하고 이동될 경로를 지정합니다.
  3. 이미지에서 링크 영역을 적절한 크기로 배치합니다.
  4. 이미지 맵 링크는 여러번 추가할 수 있습니다.

News & Notice

새로운 소식과 뉴스를 만나보세요.


VIEW MORE

1:1 문의

어려워하지 마세요. 전문가와 상의하세요.


VIEW MORE

Portfolio

다양한 분야의 웹사이트를 제작합니다.


VIEW MORE