글 열람시 본문 상단이나 하단에 동영상이나 이미지슬라이드가 자동으로 출력되도록 하는 방법입니다.

XE 슬라이드 위젯에는 여러 좋은 기능들이 있습니다.

그중에는 본문에 첨부된 파일중에서 영상이나 미디어 파일을 모두 슬라이드로 출력할 수 있습니다.

또한 본문 내용에 영상이나 이미지 주소가 있는 경우도 자동으로 출력해 줄 수 있습니다.

뿐만 아니라 댓글에 등록된 파일이나 미디어 주소까지도 모두 출력할 수 있습니다.

더이상 영상이나 이미지 출력하는데 고민할 필요 없습니다. XE 슬라이드 위젯만 있으면 쉽고 편리합니다.

아래 방법에 따라 위젯을 설치만 해주면, 그 다음부터는 위젯이 알아서 자동으로 출력해 줍니다.

XE 공식 게시판 스킨을 예로 설명하겠습니다.

스킨명 : XE Official v3 Default ( xe_v3_default )

스킨경로 : ./modules/board/skins/xe_v3_default

수정파일 : _read.html

적용방법 : 

1. 스킨경로에 있는 _read.html 파일을 에디터에서 불러오기 합니다.

2. 아래와 같은 구문을 찾습니다. 32번째줄 정도입니다.

3. 해당 구문 바로 위에 아래의 XE 슬라이드 위젯 코드를 모두 복사하여 붙여넣기하면 됩니다. 주의할점은 XE 슬라이드 위젯이 설치되어 있어야 합니다. XE 슬라이드 위젯이 없는 경우 심각한 오류가 발생할 수 있습니다.

<!--@if($oDocument->hasUploadedFiles())-->

{@ $xeslideview = 'media_width="280" media_height="200" cols_list_count="2" show_list="show_image,show_movie" sorted_target="list_order" order_type="desc" items_shuffle="N" thumbnail_type="crop" watermark_halign="R" watermark_valign="B" image_bgcolor="#EEF0F5" image_bdsize="1" image_bdcolor="#CED1DA" image_outer="3" apply_shadow="Y" apply_round="Y" apply_round_px="3" outer_margin="5" title_font_family="Default" content_font_family="Default" prettyphoto="N" ptypoto_theme="pp_default" ptypoto_social="false" ptypoto_text="true" slide_auto="true" slide_delay="5000" show_control="true" show_navigation="true" auto_play="N" control_btn="none" wmode="opaque" player_type="jwplayer" media_filter="all" target_ext1_var="N" target_ext2_var="N" target_ext3_var="N" target_ext4_var="N" target_ext5_var="N" target_ext6_var="N" target_ext7_var="N" target_ext8_var="N"'}

<img class="zbxe_widget_output" widget="xeslider" skin="multiple" colorset="default" document_srl="{$oDocument->document_srl}" colect_type="document" in_doclink="Y" {$xeslideview} />

<!--@end-->

3. 미디어 크기와 출력 갯수를 바꾸고 싶은 경우, 빨간색의 변수값을 환경에 맞게 적당히 수정하면 됩니다.

가로 넓이 : media_width="280" 

세로 높이 : media_height="200"

가로이미지 갯수 : cols_list_count="2" 

추가설명 : 

기타 다른 게시판 스킨에 적용할 경우, 아래 구문이 게시판에서 본문 내용을 출력하는 구문입니다. 해당 구문 위나 아래에 위젯코드를 삽입하면 됩니다.

{$oDocument->getContent(false)}

그리고, 아래 파란색의 구문은 문서내에 업로드된 파일이 있는 경우만 출력할때 사용되는 XE 문법입니다. 즉, 첨부된 파일이 없으면 위젯은 출력되지 않습니다.

<!--@if($oDocument->hasUploadedFiles())-->

{@ $xeslideview = '......내용생략......'

<img class="zbxe_widget_output" widget="xeslider" skin="multiple" colorset="default" document_srl="{$oDocument->document_srl}" colect_type="document" in_doclink="Y" {$xeslideview} />

<!--@end-->

참고로 스킨을 바꾸고 싶은 경우는, 위의 위젯코드중 skin="multiple" 을 수정하면 됩니다.

현재 XE 슬라이드 위젯에서 사용할 수 있는 스킨은 "default, banner, multiple, nivo" 등 4가지가 있습니다.

XE 슬라이드 위젯의 특징 소개와 스킨 미리보기는 아래 페이지를 참고하세요.

http://study4you.kr/xe/index.php?mid=bxSlider