xe 슬라이더 사용방법

Study4U 2012.07.21 10:45 조회 수 : 3164

content 슬라이더에 다양한 종류의 슬라이더가 추가되면서, 일부 기능이 작동되지 않거나, 혼동되는 부분이 많아서 익숙하지 않은 분들은 어려워서 좋은 기능을 제대로 활용하지 못하는 경우가 많은것 같습니다.


그래서 content 슬라이더 2.5 버전을 "xe 슬라이더"라는 이름으로 분리 배포하기로 하였습니다.

가장 많이 사용하고 있는 bxSlider 를 우선적으로 작업하여, 배타 테스트 하고 있습니다.


곧 정회원 자료실에 업로드할 예정입니다.


[수정된 내용]

1. 위젯 소스 구문을 최적화 하여서 로딩 속도가 이전 보다 한결 빨라졌습니다.

2. 이미지 생성 방법인 crop 와 ratio 를 원본 이미지 비율에 맞게 생성되도록 수정하였습니다.

3. 이제 게시글에 첨부된 모든 이미지와 영상을 모두 출력할 수 있습니다.

4. 하나의 위젯에 통합되어 있던 다양한 스킨을 단일 위젯으로 분리하였습니다. 가능한 단순하고 편리하게 사용되도록 노력하였는데... ^^*



우선 가장 기본적인 사용방법을 소개하고자 합니다.


[XE 슬라이더 위젯 옵션항목]

xeslider_option.png


[기본 사용 방법]


[1단계] - 컨텐츠 추출설정 그룹에서 추출대상을 지정합니다.


#1-1 추출대상 [ 모듈/문서/카테고리/내용직접입력]

게시판,페이지등에 등록된 최근 게시글의 내용을 가져올때 모듈을 선택합니다.

모듈이 아닌, 고유한 문서번호의 내용만을 출력할 경우 문서를 선택합니다.

특정한 카테고리로 분류된 게시글만을 출력할 경우 카테고리를 선택합니다.

내용직접입력은 모듈이나 문서등 DB에서 게시글을 가져오는것이 아니라, 내,외부 다른 사이트에 등록된 이미지나 영상의 주소를 직접입력하여 위젯으로 바로 출력할 경우 사용되어지는 기능입니다. 


[2단계] - 선택한 추출대상에 필요한 정보를 입력합니다.


#1-2 에서 1-5는 #1-1 추출대상에서 선택한 대상의 각 항목에 필요한 정보를 입력하는 항목입니다.


#1-1 추출대상에서 모듈을 선택하였다면, #1-2 에서 모듈을 선택해야 합니다.

#1-1 에서 문서를 선택하였다면, #1-3 에 문서번호를 입력해야 합니다.

#1-1 에서 카테고리를 선택하였다면, #1-4 에 카테고리 번호를 입력해야 합니다.

#1-1 에서 내용직접입력을 선택하였다면, #1-5 에 이미지나 영상의 주소를 입력해야 합니다. 만약 여러개의 이미지나 영상을 출력할 경우, 컴마(,)로 구분해서 입력합니다. 웹에서는 대소문자 구분을 해야합니다. 공백이나 특수문자(한글)등이 입력된 경우 출력이 안될 수 있습니다.


[3단계] - 기간 또는 출력되는 미디어를 선택합니다.

#1-6 기간은 특정 기간내에 작성된 게시글만을 출력할때 사용되어집니다. 입력하지 않으면, 기본값으로 0이 입력되어서, 전체 기간에서 게시글을 가져옵니다.


#1-7 첨부된미디어 선택은 게시글에 첨부된 파일에서 관리자가 원하는 이미지나 영상만 선별해서 출력할 수 있습니다. 입력하지 않으면, 기본값으로 0이 입력되며 첨부된 모든 이미지와 영상이 출력됩니다. 만약 첫번째 이미지나 영상을 출력하고 싶다면,  1 을 입력하면 첫번째의 이미지와 영상만 출력 됩니다.


[4단계] - 페이지 제일 하단의 "코드생성" 버튼을 클릭하여 위젯을 생성합니다.

컨텐츠 추출설정에서 추출대상만 선택한후, 코드생성하면 아래 예제그림처럼 기본값이 입력되어 출력됩니다.


[예제그림] - Default 스킨

xeslider.png

#추가설명

동일한 게시글에 여러개의 이미지가 출력되는 경우, 위그림 예제처럼 "결혼에 대하여 [2/2]" 제목옆에 이미지 순번과 총갯수가 출력되며, 이미지의 제목은 동일한 제목으로 출력됩니다.

출력목록에 동영상이 추가된 경우, 이미지보다 우선적으로 출력됩니다.


작성중...