====== 슬라이드뷰 퍼블리싱 기본 ====== 슬라이드뷰 퍼블리싱에 관련된 기본 정보를 제공한다. 슬라이드뷰 컴포넌트는 아이템이 일정시간 간격으로 돌아가는등 이동효과를 줄 때 사용한다. ===== 슬라이드뷰 아키텍처 ===== 슬라이드뷰는 슬라이드뷰용 DIV 요소와, 아이템용 DIV 요소들로 구성된다. ===== 슬라이드뷰 생성과 삭제 ===== ==== 슬라이드뷰 생성 ==== 슬라이드뷰 생성 방법은 아래와 같다. * "컴포넌트"창 이용 방법 - "컴포넌트" 창에서 "슬라이드뷰" 컴포넌트 선택 - 화면 캔버스내 생성 위치를 클릭(컴포넌트 초기값 설정에 설정된 크기로 생성됨) ==== 슬라이드뷰 삭제 ==== 슬라이드뷰 삭제는 아래의 방법중 한가지를 사용합니다. * 슬라이드뷰 클릭후, 키보드 입력 * 슬라이드뷰 클릭후, 키보드 + "D" 입력 * 슬라이드뷰 우클릭후, 컨텍스트 메뉴에서 "삭제" 메뉴 선택 ===== 슬라이드뷰 주요 속성 ===== 슬라이드뷰 컴포넌트 주요 속성은 아래와 같다. |<100% 160px ->| ^ 용어 ^ 설명 ^ | slide | 슬라이드 속성창 | | slide_loop | 마지막 슬라이드 다음에 첫 슬라이드로 이동할지 여부 | | auto_slide | 슬라이드 자동 변경 여부 | | slide_type | 슬라이드간 위치 타입 | ==== 슬라이드뷰에 아이템 추가하기 ==== HTML5 컴포넌트에서 슬라이드뷰를 클릭한 후, 화면을 클릭해서 슬라이드뷰를 추가한다. {{ .:slideview:slideview_create.png?nolink |}} 슬라이드뷰나 slide 속성을 더블클릭해서 슬라이드뷰 속성창을 띄운다. {{ .:slideview:slideview_slide.png?nolink |}} 추가 버튼을 클릭해서 아이템을 추가한다. 다음은 아이템을 3개 추가한 모습이다. {{ .:slideview:slideview_create_item.png?nolink |}} 아이템에 다른 컴포넌트를 추가한다. 슬라이드뷰 속성창에서 콤보박스를 선택하여 아이템을 변경할 수 있다. {{ .:slideview:slideview_add_component.png?nolink |}} ==== 일정 시간 간격으로 아이템 회전 시키기 ==== slide_loop를 true, auto_slide를 true, slide_type를 2:horz_seq로 설정한다. {{ .:slideview:slideview_prop.png?nolink |}} 실행하면 다음처럼 아이템이 회전한다. {{ .:slideview:slideview_rotate.gif?nolink |}}