스케치북게시판 리스트형에 제목에 마우스 Hover시 썸네일이 보여지는 기능이 있습니다.
그래서 위젯에도 적용해 볼려고 하니 쉽지가 않아서 저 나름대로 다르게 출력해 봅니다.
이 기능을 작동할려면 말풀선 애드온 이 필수입니다.
먼저 위젯에 썸네일 기능이 있고 제목도 출력된다고 가정하고 Mh Brickfolio위젯 에 적용한 방법입니다.
list.html 파일을 열어서 아래와 같이 수정합니다.
[수정전]
<div cond="$wi->title == 'Y'" class="mb_title">
<a href="{getUrl('','document_srl',$oDocument->document_srl)}"
{$oDocument->getTitleText($wi->subject_cut_size)}
</a>
</div>
[수정후}
<div cond="$wi->title == 'Y'" class="mb_title">
<a href="{getUrl('','document_srl',$oDocument->document_srl)}"
<!--@if($oDocument->getThumbnail())-->
class="pr_tooltip" pr_color="warning" pr_position="b_right" title="<img src=“{$oDocument->getThumbnail($wi->thumbnail_width,$wi->thumbnail_height,$wi->thumbnail_type)}”⁄>">
<!--@else-->
class="pr_tooltip" pr_color="dark" pr_position="b_right" title="No Image">
<!--@end-->
{$oDocument->getTitleText($wi->subject_cut_size)}
</a>
</div>
설명을 하면 게시글에 이미지가 있으면 썸네일의 가로 세로 크기로 말풍선 애드온을 적용하여 "오렌지" 색상의 툴팁을 "우측 하단"에 출력시킵니다. 만약 이미지가 없다면 "No Image"문구를 출력합니다.
색상과 위치는 말풍선 애드온을 보시고 적용하면 됩니다.
그런데 말풍선 애드온을 적용하지 않고 title에만 적용하면 썸네일이 출력되지 않고 소스만 보입니다.
썸네일 출력의 경우 Html Character Entities를 사용했습니다.
<img src="{생략}"/>
<img src=“{생략}”⁄>

Tip이 도움이 되었다면 댓글과 평가 부탁합니다.
Tip에 대한 궁금한 점은 댓글로 남겨 주시면 성심껏 답변 드립니다. 
