웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
저장된 이미지가 없는 경우 게시판 본문 및 Contentlist 위젯에 이미지 랜덤하게 나타내기
2013.08.04 01:45
매우 간단한 팁입니다.
1. 게시판 본문에 이미지 랜덤하게 나타나기
스케치북 게시판 스킨을 위주로 설명하겠습니다.
*파일 : /modules/board/skins/sketchbook5/_read.html
// 그냥 본문만 <li cond="$oDocument->thumbnailExists()"> {$oDocument->getContent(false)} </li> // 본문에 이미지 파일 없는 경우 이미지 보여주기 <li cond="!$oDocument->thumbnailExists()"> {$oDocument->getContent(false)} <script type="text/javascript"> document.write("<IMG SRC='http://www.workmission.org/intro/" + Math.ceil(Math.random() * 5) + ".jpg'>"); </script> </li>
document.write 부분에 소스부분 경로만 수정해 주면 되겠습니다.
2. Contentlist 위젯에 랜덤하게 보여주기
Contentlist의 2번째 스타일을 기준으로 설명하겠습니다.
*파일 : /widgets/contentlist/skins/content02/list.html
<!--@if($widget_info->show_thumbnail == 'Y'&&$item->getThumbnail())--> <div class="post-image"><a href="<!--@if($widget_info->ptypto=='Y'&&$item->getPreview())-->{$item->getPreview()}<!--@else-->{$item->getLink()}<!--@end-->"<!--@if($widget_info->ptypto=='Y')--> rel='prettyPhoto[mixed]'<!--@end-->><img src="{$item->getPreview()}"></a></div><!--@end--> <!--@if($widget_info->show_thumbnail == 'Y'&&!$item->getThumbnail())--> <div class="post-image"><a href="<!--@if($widget_info->ptypto=='Y'&&$item->getPreview())-->{$item->getPreview()}<!--@else-->{$item->getLink()}<!--@end-->"<!--@if($widget_info->ptypto=='Y')--> rel='prettyPhoto[mixed]'<!--@end-->> <script type="text/javascript"> document.write("<IMG SRC='http://www.workmission.org/intro/" + Math.ceil(Math.random() * 10) + ".jpg' width=200 height=100 />"); </script> </a> </div> <!--@end-->
역시 document.write 부분의 경로를 고치시면 됩니다.
이상입니다. 감사합니다 ^^