rhymix/widgets/newest_images/skins/cloud_preview/list.html

<!--// 설정된 컬러셋의 종류에 따라서 css파일을 import 합니다 -->

<!--@if($colorset=="normal"||!$colorset)-->
    <!--%import("css/normal.css")-->
<!--@end-->

<div class="imgcloudoutline_preview">
    <!--@if($widget_info->title)-->
        <h2>{$widget_info->title}</h2>
    <!--@end-->

    <!--@if($widget_info->module_name)-->
        <a href="{getUrl('','mid',$widget_info->module_name)}" class="more">more</a>
    <!--@end-->

    <!--@if(count($widget_info->document_list))-->
    {@ shuffle($widget_info->document_list)}

    <!--@for($i = 0; $i < $widget_info->cols_list_count * $widget_info->rows_list_count; $i++)-->
        {@
            $width = $widget_info->thumbnail_width ? $widget_info->thumbnail_width : "40";
            $height = $widget_info->thumbnail_height ? $widget_info->thumbnail_height : "40";
            $ratio = $width / $height;

            $image[$i] = ($widget_info->document_list[$i]->document_srl) ? $widget_info->document_list[$i]->getThumbnail(200*$ratio,200,$widget_info->thumbnail_type) : $tpl_path."/images/blank.gif";
        }
    <!--@end-->

 <!--//
 편집 방법
 1. 원하는 모양으로 표를 디자인 합니다.
 2. <a>, <img>를 복사하여 붙여 넣고 이미지 번호는 0부터 순서대로 입력합니다.
  - 기본 표는 14개 이미지이므로 0부터 13까지 입력했음.
 3. 이미지 크기를 직접 입력하거나 수식을 넣으면 다른 크기로 출력할 수 있습니다.
 -->

	<!--@for($j = 0; $j < $widget_info->rows_list_count; $j++)-->
	{@ $colsrows = $widget_info->cols_list_count * $j}
	<table cellpadding="0" cellspacing="0" border="0">
		<tbody>
		<tr valign="middle">
			<td colspan="2" rowspan="2">
				<div class="imgcloudbig"><img align="absmiddle" class="cloudimg" src="{$image[0 + $colsrows]}" width="{$width*2+4}" height="{$height*2+4}" /></a></div>
			</td>
			<td>
				<div class="imgcloud"><img align="absmiddle" class="cloudimg" src="{$image[1 + $colsrows]}" width="{$width}" height="{$height}" /></div>
			</td>
			<td>
				<div class="imgcloud"><img align="absmiddle" class="cloudimg" src="{$image[2 + $colsrows]}" width="{$width}" height="{$height}" /></div>
			</td>
			<td>
				<div class="imgcloud"><img align="absmiddle" class="cloudimg" src="{$image[3 + $colsrows]}" width="{$width}" height="{$height}" /></div>
			</td>
		</tr>

		<tr>
			<td>
				<div class="imgcloud"><img align="absmiddle" class="cloudimg" src="{$image[4 + $colsrows]}" width="{$width}" height="{$height}" /></div>
			</td>
			<td>
				<div class="imgcloud"><img align="absmiddle" class="cloudimg" src="{$image[5 + $colsrows]}" width="{$width}" height="{$height}" /></div>
			</td>
			<td>
				<div class="imgcloud"><img align="absmiddle" class="cloudimg" src="{$image[6 + $colsrows]}" width="{$width}" height="{$height}" /></div>
			</td>
		</tr>

		<tr valign="middle">
			<td>
				<div class="imgcloud"><img align="absmiddle" class="cloudimg" src="{$image[7 + $colsrows]}" width="{$width}" height="{$height}" /></div>
			</td>
			<td>
				<div class="imgcloud"><img align="absmiddle" class="cloudimg" src="{$image[8 + $colsrows]}" width="{$width}" height="{$height}" /></div>
			</td>
			<td>
				<div class="imgcloud"><img align="absmiddle" class="cloudimg" src="{$image[9 + $colsrows]}" width="{$width}" height="{$height}" /></div>
			</td>
			<td colspan="2" rowspan="2">
				<div class="imgcloudbig"><img align="absmiddle" class="cloudimg" src="{$image[10 + $colsrows]}" width="{$width*2+4}" height="{$height*2+4}" /></div>
			</td>
		</tr>

		<tr>
			<td>
				<div class="imgcloud"><img align="absmiddle" class="cloudimg" src="{$image[11 + $colsrows]}" width="{$width}" height="{$height}" /></div>
			</td>
			<td>
				<div class="imgcloud"><img align="absmiddle" class="cloudimg" src="{$image[12 + $colsrows]}" width="{$width}" height="{$height}" /></div>
			</td>
			<td>
				<div class="imgcloud"><img align="absmiddle" class="cloudimg" src="{$image[13 + $colsrows]}" width="{$width}" height="{$height}" /></div>
			</td>
		</tr>

		</tbody>
	</table>
    <!--@end-->
</div>