이미지 객체 추가

1. 이미지 객체 추가

객체 추가 중 이미지 객체를 클릭 합니다.

ㆍa. 이미지  및 오버시 이미지 설정 : 

- 이미지 구분 : 이미지파일을 업로드, 외부경로, 이미지 라이브러리 중 하나를 선택해서 저장할 수 있습니다.

- 이미지 경로 : 업로드 이미지시에는 파일첨부, 외부경로시에는 이미지 파일 URL, 이미지 라이브러리는 선택된 이미지 파일 URL이 보여집니다.

ㆍb. 링크 

- 링크 구분

> 내부링크 : 메뉴 중 하나를 선택해서 링크를 걸 수 있습니다.

> 외부링크 : 외부 URL을 입력해서 링크를 걸 수 있습니다.

> 배경링크 : 설정하는 메뉴(페이지)에 배경 객체가 있을 경우 선택된 배경위치로 애니매이션 앵커 효과로 이동링크걸 수 있습니다.

- 링크 주소 : 내부링크는 메뉴명(페이지명), 외부링크는 입력 URL, 배경링크는 배경 객체명이 보여집니다.

- 링크 타켓 : 

> 현재창 : 자신의 창으로 링크 이동합니다.

> 새창 : 새로운 창을 띄워서 링크 이동합니다.

ㆍc. 객체 정렬 : 절대위치, 상대위치, 오른쪽위치, 100% 중 하나를 선택하실 수 있습니다.

- 절대위치 : 브라우저 해상도 사이즈에 따른 X, Y 좌표 고정

- 상대위치 : 브라우저 해상도 사이즈에 따른 X, Y 좌표 변경

- 오른쪽위치 : 오른쪽 화면으로 고정

- 100% : 브라우저 해상도 기분 100%로 화면고정

ㆍd. 페이지 적용 : 현재페이지, 일부페이지, 모든페이지 중 하나를 선택하실 수 있습니다.

- 현재페이지 : 작업중인 페이지만 보여집니다.

- 일부페이지 : 만들어진 메뉴(페이지)중 원하는 메뉴(페이지)를 선택해서 같이 보여지게 할 수 있습니다.

- 모든페이지 : 만들어진 모든 메뉴(페이지)에 보여집니다.

ㆍe. 위치 자동변경 : 게시판 페이지의 내용이 길어질 경우 해당 객체가 하단으로 내려와서 보여줘야하는 경우 사용됩니다. 

이미지 객체 수정, 디자인, 모션

ㆍa. 디자인 

이미지 객체위에 마우스를 올리면 툴팁의 디자인 메뉴 클릭시 이미지객체의 세부 디자인 설정이 가능합니다.  (오른쪽 버튼 클릭 후 디자인 설정과 동일합니다.)

ㆍa. 배경 설정 

- 배경색 : 객체 전체의 배경색(글라데이션)을 설정할 수 있습니다.

- 배경색 이미지 : 배경 이미지를 추가할 수 있습니다.

- 배경색 이미지 옵션 : 배경 이미지 추가시 배경 이미지의 정렬, 반복 설정을 할 수 있습니다.

ㆍb. 테두리 설정 

- 테두리 색상 : 전체 테두리 선의 색상을 설정할 수 있습니다.

- 테두리 굵기 : 전체 테두리 선 두께를 설정할 수 있습니다.

   > 개별설정시 : 상단, 하단, 왼쪽, 오른쪽 개별적으로 선 색상과 선 두께를 설정할 수 있습니다.

ㆍc. 모서리 설정 : 수치가 클수록 객체의 모서리가 더 둥글게 보입니다.

ㆍd. 투명도 설정 : 수치가 낮을 수록 객체가 투명하게 보입니다.

ㆍe. 그림자 설정 

- 색상 : 그림자의 색상을 설정할 수 있습니다.

- 수직 : 그림자의 위 아래 위치를 조절할 수 있습니다.

- 수평 : 그림자의 좌 우 위치를 조절할 수 있습니다.

- 흐림효과 : 흐림효과(브러효과)를 설정할 수 있습니다.

모션효과 설정보기