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


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

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

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

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


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


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


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


스킨명 : XE Official v3 Default ( xe_v3_default )


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


수정파일 : _read.html


적용방법


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


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


<!-- READ BODY -->
<div class="read_body">
	<!--@if($oDocument->isSecret() && !$oDocument->isGranted())-->
	<form action="./" method="get" onsubmit="return procFilter(this, input_password)">
		<input type="hidden" name="mid" value="{$mid}" />
		<input type="hidden" name="page" value="{$page}" />
		<input type="hidden" name="document_srl" value="{$oDocument->document_srl}" />
		<p><label for="cpw">{$lang->msg_is_secret} {$lang->msg_input_password}</label></p>
		<p><input type="password" name="password" id="cpw" class="iText" /><span class="btn"><input type="submit" value="{$lang->cmd_input}" /></span></p>
	</form>
	<!--@else-->
	{$oDocument->getContent(false)}
	<!--@end-->
</div>
<!-- /READ BODY -->



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