움직이는Gif 파일을 게시판 갤러리형식 썸네일에서 움직이게 보이기

XE공홈을 눈팅하다가 miso777님이 남기신 질문( http://www.xpressengine.com/20461557 )이 눈에 들어와서

이리저리 게시판스킨을 만져보다가 님들이 원하는 똑같은 방법은 아니지만 일단 비숫하게 나마 구현은 되는 듯하여 남깁니다.

첫번째 : 일반 게시판스킨에서 갤러리형태에서 적용하는 방법

1. 게시판설정 - > 확장변수 -> 1번 추가 --- 형식을 url방식으로 선택합니다.

2. _style.gallery.html 파일을 에디터기로 열어서 빨간색부분을 수정합니다.

[수정전]

<a href="{getUrl('document_srl',$document->document_srl,'listStyle',$listStyle, 'cpage','')}"><img src="{$document->getThumbnail($module_info->thumbnail_width, $module_info->thumbnail_height, $module_info->thumbnail_type)}" alt=""/><!--@if($module_info->use_category == "Y" && $document->get('category_srl'))--><strong class="category">{$category_list[$document->get('category_srl')]->title}</strong><!--@end--></a>

[수정후]

<a href="{getUrl('document_srl',$document->document_srl,'listStyle',$listStyle, 'cpage','')}">

<img src = {$document->getExtraValue(1)} width={$module_info->thumbnail_width}px height={$module_info->thumbnail_height}px /><!--@if($module_info->use_category == "Y" && $document->get('category_srl'))--><strong class="category">{$category_list[$document->get('category_srl')]->title}</strong><!--@end--></a>

이렇게 수정하신후 게시판 글 작성시 1번 확장변수칸에 썸네일로 보여줄 이미지의 url주소를 적어주시고 글 작성을 하신 후

썸네일을 보시면 움직이는 Gif파일이 보입니다.

그런데 문제가 하나 생깁니다. 이렇게 수정을 하시고 나면 썸네일을 클릭시 해당 문서보기로 들어가지지 않고 이미지뷰창이 열립니다. ^.^ 

두번째 : 문하우스게시판스킨의 스튜디오형태에서 적용하는 방법( https://moonhouse.co.kr/316419 )

1. 게시판설정 - > 확장변수 -> 2번 preview추가 --- 형식을 url방식으로 선택합니다. 

2. _style.studio.html 파일을 에디터기로 열어서 빨간색부분을 수정합니다.

[수정전]

<input type="hidden" id="thumbnail_width" value="{$module_info->thumbnail_width}">

<img src="{$document->getThumbnail($module_info->thumbnail_width, $module_info->thumbnail_height, $module_info->thumbnail_type)}" alt="" class="thumbnail" />

[수정후]

<input type="hidden" id="thumbnail_width" value="{$module_info->thumbnail_width}">

<img src = {$document->getExtraValue(2)} width={$module_info->thumbnail_width}px height={$module_info->thumbnail_height}px />

스튜디오형태를 적용시 썸네일을 클릭하면 정상적으로 해당 문서보기로 들어갑니다.

적용된 게시판보기