최근 이미지 > 이미지 cloud의 오류 수정 및 출력 결과물 정리. 단 cloud_popup은 현재 cloud와 동일한 동작을 함 (차후 변경 예정)

git-svn-id: http://xe-core.googlecode.com/svn/sandbox@5104 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
zero 2008-12-17 06:05:01 +00:00
parent cf91699c4f
commit 4aa8481539
5 changed files with 117 additions and 220 deletions

View file

@ -1,4 +1,4 @@
.imgcloudoutline { padding-bottom:5px; overflow:hidden; position:relative; text-align:center;} .imgcloudoutline { padding-bottom:5px; overflow:hidden; position:relative; }
.imgcloudoutline h2 { text-align:left; font-size:1em; display:block; height:21px; padding:9px 0 0 9px; margin-bottom:5px; color:#000000; background:url(../images/normal/lineNotice.gif) no-repeat left bottom;} .imgcloudoutline h2 { text-align:left; font-size:1em; display:block; height:21px; padding:9px 0 0 9px; margin-bottom:5px; color:#000000; background:url(../images/normal/lineNotice.gif) no-repeat left bottom;}
.imgcloudoutline { padding-bottom:5px; overflow:hidden; position:relative;} .imgcloudoutline { padding-bottom:5px; overflow:hidden; position:relative;}
@ -6,35 +6,21 @@
.imgcloudoutline a.more { text-decoration:none;} .imgcloudoutline a.more { text-decoration:none;}
.imgcloudoutline a.more:hover { text-decoration:underline;} .imgcloudoutline a.more:hover { text-decoration:underline;}
.imgcloudoutline table { .imgcloudoutline table {
margin: 1px auto; border:1px solid #ddd;
border: 0px solid #ddd; }
}
.imgcloudoutline img.imgcloud {
border: 1px solid #e0e1db;
padding: 2px;
overflow: hidden;
display:block;
}
.imgcloudoutline img.imgcloud:hover { .imgcloudoutline table td {
border: 2px solid #7899AF; vertical-align:middle;
padding: 1px; text-align:center;
overflow: hidden; }
display:block;
cursor: pointer;
}
.imgcloudoutline img.imgcloudbig { .imgcloudoutline table tbody tr td {
border: 1px solid #e0e1db; padding:1px;
padding: 2px; background-color:transparent;
overflow: hidden; vertical-align:middle;
} }
.imgcloudoutline img.imgcloudbig:hover { .imgcloudoutline table tbody tr td:hover {
border: 2px solid #7899AF; background-color:#7899AF;
padding: 1px; }
overflow: hidden;
cursor: pointer;
}

View file

@ -1,9 +1,22 @@
<!--// 설정된 컬러셋의 종류에 따라서 css파일을 import 합니다 --> <!--// 설정된 컬러셋의 종류에 따라서 css파일을 import 합니다 -->
<!--@if($colorset=="normal"||!$colorset)--> <!--@if($colorset=="normal"||!$colorset)-->
<!--%import("css/normal.css")--> <!--%import("css/normal.css")-->
<!--@end--> <!--@end-->
<!--@if(count($widget_info->document_list))-->
{@ shuffle($widget_info->document_list)}
<!--@end-->
<!--@if(!$widget_info->thumbnail_width)-->
{@ $width = 40}
<!--@else-->
{@ $width = $widget_info->thumbnail_width }
<!--@end-->
<!--@if(!$widget_info->thumbnail_height)-->
{@ $height = 40}
<!--@else-->
{@ $height = $widget_info->thumbnail_height }
<!--@end-->
<div class="imgcloudoutline"> <div class="imgcloudoutline">
<!--@if($widget_info->title)--> <!--@if($widget_info->title)-->
<h2>{$widget_info->title}</h2> <h2>{$widget_info->title}</h2>
@ -13,86 +26,36 @@
<a href="{getUrl('','mid',$widget_info->module_name)}" class="more">more</a> <a href="{getUrl('','mid',$widget_info->module_name)}" class="more">more</a>
<!--@end--> <!--@end-->
<!--@if(count($widget_info->document_list))--> <!--@for($i = 0; $i < $widget_info->rows_list_count; $i++)-->
{@ shuffle($widget_info->document_list)} <table cellpadding="0" cellspacing="0" border="0">
<tbody>
<tr valign="middle">
<td colspan="2" rowspan="2"><a href="{$widget_info->document_list[$i*14+0]->getPermanentUrl()}"><img class="cloudimg" src="{$widget_info->document_list[$i*14+0]->getThumbnail($width*2+2, $height*2+2, $widget_info->thumbnail_type)}" width="{$width*2+2}" height="{$height*2+2}" onerror="this.src='./common/tpl/images/blank.gif'" alt="" /></a></td>
<td><a href="{$widget_info->document_list[$i*14+1]->getPermanentUrl()}"><img class="cloudimg" src="{$widget_info->document_list[$i*14+1]->getThumbnail($width, $height, $widget_info->thumbnail_type)}" width="{$width}" height="{$height}" onerror="this.src='./common/tpl/images/blank.gif'" alt="" /></a></td>
<td><a href="{$widget_info->document_list[$i*14+2]->getPermanentUrl()}"><img class="cloudimg" src="{$widget_info->document_list[$i*14+2]->getThumbnail($width, $height, $widget_info->thumbnail_type)}" width="{$width}" height="{$height}" onerror="this.src='./common/tpl/images/blank.gif'" alt="" /></a></td>
<td><a href="{$widget_info->document_list[$i*14+3]->getPermanentUrl()}"><img class="cloudimg" src="{$widget_info->document_list[$i*14+3]->getThumbnail($width, $height, $widget_info->thumbnail_type)}" width="{$width}" height="{$height}" onerror="this.src='./common/tpl/images/blank.gif'" alt="" /></a></td>
</tr>
<!--@for($i = 0; $i < $widget_info->cols_list_count * $widget_info->rows_list_count; $i++)--> <tr>
{@ <td><a href="{$widget_info->document_list[$i*14+4]->getPermanentUrl()}"><img class="cloudimg" src="{$widget_info->document_list[$i*14+4]->getThumbnail($width, $height, $widget_info->thumbnail_type)}" width="{$width}" height="{$height}" onerror="this.src='./common/tpl/images/blank.gif'" alt="" /></a></td>
$width = $widget_info->thumbnail_width ? $widget_info->thumbnail_width : "40"; <td><a href="{$widget_info->document_list[$i*14+5]->getPermanentUrl()}"><img class="cloudimg" src="{$widget_info->document_list[$i*14+5]->getThumbnail($width, $height, $widget_info->thumbnail_type)}" width="{$width}" height="{$height}" onerror="this.src='./common/tpl/images/blank.gif'" alt="" /></a></td>
$height = $widget_info->thumbnail_height ? $widget_info->thumbnail_height : "40"; <td><a href="{$widget_info->document_list[$i*14+6]->getPermanentUrl()}"><img class="cloudimg" src="{$widget_info->document_list[$i*14+6]->getThumbnail($width, $height, $widget_info->thumbnail_type)}" width="{$width}" height="{$height}" onerror="this.src='./common/tpl/images/blank.gif'" alt="" /></a></td>
$image[$i] = ($widget_info->document_list[$i]->document_srl) ? $widget_info->document_list[$i]->getThumbnail($width*2,$height*2,$widget_info->thumbnail_type) : $tpl_path."/images/blank.gif"; </tr>
$url[$i] = ($widget_info->document_list[$i]->document_srl) ? "href=\"".getUrl('','document_srl',$widget_info->document_list[$i]->document_srl)."\"" : "";
}
<!--@end-->
<!--// <tr valign="middle">
편집 방법 <td><a href="{$widget_info->document_list[$i*14+7]->getPermanentUrl()}"><img class="cloudimg" src="{$widget_info->document_list[$i*14+7]->getThumbnail($width, $height, $widget_info->thumbnail_type)}" width="{$width}" height="{$height}" onerror="this.src='./common/tpl/images/blank.gif'" alt="" /></a></td>
1. 원하는 모양으로 표를 디자인 합니다. <td><a href="{$widget_info->document_list[$i*14+8]->getPermanentUrl()}"><img class="cloudimg" src="{$widget_info->document_list[$i*14+8]->getThumbnail($width, $height, $widget_info->thumbnail_type)}" width="{$width}" height="{$height}" onerror="this.src='./common/tpl/images/blank.gif'" alt="" /></a></td>
2. <a>, <img> 코드를 복사한 다음 이미지 번호는 0부터 순서대로 입력합니다. <td><a href="{$widget_info->document_list[$i*14+9]->getPermanentUrl()}"><img class="cloudimg" src="{$widget_info->document_list[$i*14+9]->getThumbnail($width, $height, $widget_info->thumbnail_type)}" width="{$width}" height="{$height}" onerror="this.src='./common/tpl/images/blank.gif'" alt="" /></a></td>
- 기본 표는 14개 이미지이므로 0부터 13까지 입력했음. <td colspan="2" rowspan="2"><a href="{$widget_info->document_list[$i*14+10]->getPermanentUrl()}"><img class="cloudimg" src="{$widget_info->document_list[$i*14+10]->getThumbnail($width*2+2, $height*2+2, $widget_info->thumbnail_type)}" width="{$width*2+2}" height="{$height*2+2}" onerror="this.src='./common/tpl/images/blank.gif'" alt="" /></a></td>
3. 이미지 크기를 직접 입력하거나 수식을 넣으면 다른 크기로 출력할 수 있습니다. </tr>
-->
<!--@for($j = 0; $j < $widget_info->rows_list_count; $j++)--> <tr>
{@ $colsrows = $widget_info->cols_list_count * $j} <td><a href="{$widget_info->document_list[$i*14+11]->getPermanentUrl()}"><img class="cloudimg" src="{$widget_info->document_list[$i*14+11]->getThumbnail($width, $height, $widget_info->thumbnail_type)}" width="{$width}" height="{$height}" onerror="this.src='./common/tpl/images/blank.gif'" alt="" /></a></td>
<table cellpadding="0" cellspacing="0" border="0"> <td><a href="{$widget_info->document_list[$i*14+12]->getPermanentUrl()}"><img class="cloudimg" src="{$widget_info->document_list[$i*14+12]->getThumbnail($width, $height, $widget_info->thumbnail_type)}" width="{$width}" height="{$height}" onerror="this.src='./common/tpl/images/blank.gif'" alt="" /></a></td>
<tbody> <td><a href="{$widget_info->document_list[$i*14+13]->getPermanentUrl()}"><img class="cloudimg" src="{$widget_info->document_list[$i*14+13]->getThumbnail($width, $height, $widget_info->thumbnail_type)}" width="{$width}" height="{$height}" onerror="this.src='./common/tpl/images/blank.gif'" alt="" /></a></td>
<tr valign="middle"> </tr>
<td colspan="2" rowspan="2">
<div><a {$url[0 + $colsrows]}><img align="absmiddle" class="imgcloudbig" src="{$image[0 + $colsrows]}" width="{$width*2+6}" height="{$height*2+6}" /></a></div>
</td>
<td>
<div><a {$url[1 + $colsrows]}><img align="absmiddle" class="imgcloud" src="{$image[1 + $colsrows]}" width="{$width}" height="{$height}" /></a></div>
</td>
<td>
<div><a {$url[2 + $colsrows]}><img align="absmiddle" class="imgcloud" src="{$image[2 + $colsrows]}" width="{$width}" height="{$height}" /></a></div>
</td>
<td>
<div><a {$url[3 + $colsrows]}><img align="absmiddle" class="imgcloud" src="{$image[3 + $colsrows]}" width="{$width}" height="{$height}" /></a></div>
</td>
</tr>
<tr> </tbody>
<td> </table>
<div><a {$url[4 + $colsrows]}><img align="absmiddle" class="imgcloud" src="{$image[4 + $colsrows]}" width="{$width}" height="{$height}" /></a></div>
</td>
<td>
<div><a {$url[5 + $colsrows]}><img align="absmiddle" class="imgcloud" src="{$image[5 + $colsrows]}" width="{$width}" height="{$height}" /></a></div>
</td>
<td>
<div><a {$url[6 + $colsrows]}><img align="absmiddle" class="imgcloud" src="{$image[6 + $colsrows]}" width="{$width}" height="{$height}" /></a></div>
</td>
</tr>
<tr valign="middle">
<td>
<div><a {$url[7 + $colsrows]}><img align="absmiddle" class="imgcloud" src="{$image[7 + $colsrows]}" width="{$width}" height="{$height}" /></a></div>
</td>
<td>
<div><a {$url[8 + $colsrows]}><img align="absmiddle" class="imgcloud" src="{$image[8 + $colsrows]}" width="{$width}" height="{$height}" /></a></div>
</td>
<td>
<div><a {$url[9 + $colsrows]}><img align="absmiddle" class="imgcloud" src="{$image[9 + $colsrows]}" width="{$width}" height="{$height}" /></a></div>
</td>
<td colspan="2" rowspan="2">
<div><a {$url[10 + $colsrows]}><img align="absmiddle" class="imgcloudbig" src="{$image[10 + $colsrows]}" width="{$width*2+6}" height="{$height*2+6}" /></a></div>
</td>
</tr>
<tr>
<td>
<div><a {$url[11 + $colsrows]}><img align="absmiddle" class="imgcloud" src="{$image[11 + $colsrows]}" width="{$width}" height="{$height}" /></a></div>
</td>
<td>
<div><a {$url[12 + $colsrows]}><img align="absmiddle" class="imgcloud" src="{$image[12 + $colsrows]}" width="{$width}" height="{$height}" /></a></div>
</td>
<td>
<div><a {$url[13 + $colsrows]}><img align="absmiddle" class="imgcloud" src="{$image[13 + $colsrows]}" width="{$width}" height="{$height}" /></a></div>
</td>
</tr>
</tbody>
</table>
<!--@end-->
<!--@end--> <!--@end-->
</div> </div>

View file

@ -1,4 +1,4 @@
.imgcloudoutline_preview { padding-bottom:5px; overflow:hidden; position:relative; text-align:center;} .imgcloudoutline_preview { padding-bottom:5px; overflow:hidden; position:relative;}
.imgcloudoutline_preview h2 { text-align:left; font-size:1em; display:block; height:21px; padding:9px 0 0 9px; margin-bottom:5px; color:#000000; background:url(../images/normal/lineNotice.gif) no-repeat left bottom;} .imgcloudoutline_preview h2 { text-align:left; font-size:1em; display:block; height:21px; padding:9px 0 0 9px; margin-bottom:5px; color:#000000; background:url(../images/normal/lineNotice.gif) no-repeat left bottom;}
.imgcloudoutline_preview { padding-bottom:5px; overflow:hidden; position:relative;} .imgcloudoutline_preview { padding-bottom:5px; overflow:hidden; position:relative;}
@ -6,36 +6,21 @@
.imgcloudoutline_preview a.more { text-decoration:none;} .imgcloudoutline_preview a.more { text-decoration:none;}
.imgcloudoutline_preview a.more:hover { text-decoration:underline;} .imgcloudoutline_preview a.more:hover { text-decoration:underline;}
.imgcloudoutline_preview table { .imgcloudoutline_preview table {
margin: 0px auto; border:1px solid #ddd;
border:1px solid #ddd; }
}
.imgcloudoutline_preview .imgcloud {
border:1px solid #ddd;
padding: 1px;
overflow: hidden;
}
.imgcloudoutline_preview .imgcloud:hover { .imgcloudoutline_preview table td {
border: 2px solid #7899AF; vertical-align:middle;
padding: 0px; text-align:center;
overflow: hidden; }
}
.imgcloudoutline_preview .imgcloudbig { .imgcloudoutline_preview table tbody tr td {
border:1px solid #ddd; padding:1px;
padding: 1px; background-color:transparent;
overflow: hidden; vertical-align:middle;
} }
.imgcloudoutline_preview .imgcloudbig:hover { .imgcloudoutline_preview table tbody tr td:hover {
border: 2px solid #7899AF; background-color:#7899AF;
padding: 0px; }
overflow: hidden;
}
.imgcloudoutline_preview .cloudimg {
border: 0px;
cursor: pointer;
}

View file

@ -1,9 +1,22 @@
<!--// 설정된 컬러셋의 종류에 따라서 css파일을 import 합니다 --> <!--// 설정된 컬러셋의 종류에 따라서 css파일을 import 합니다 -->
<!--@if($colorset=="normal"||!$colorset)--> <!--@if($colorset=="normal"||!$colorset)-->
<!--%import("css/normal.css")--> <!--%import("css/normal.css")-->
<!--@end--> <!--@end-->
<!--@if(count($widget_info->document_list))-->
{@ shuffle($widget_info->document_list)}
<!--@end-->
<!--@if(!$widget_info->thumbnail_width)-->
{@ $width = 40}
<!--@else-->
{@ $width = $widget_info->thumbnail_width }
<!--@end-->
<!--@if(!$widget_info->thumbnail_height)-->
{@ $height = 40}
<!--@else-->
{@ $height = $widget_info->thumbnail_height }
<!--@end-->
<div class="imgcloudoutline_preview"> <div class="imgcloudoutline_preview">
<!--@if($widget_info->title)--> <!--@if($widget_info->title)-->
<h2>{$widget_info->title}</h2> <h2>{$widget_info->title}</h2>
@ -13,86 +26,36 @@
<a href="{getUrl('','mid',$widget_info->module_name)}" class="more">more</a> <a href="{getUrl('','mid',$widget_info->module_name)}" class="more">more</a>
<!--@end--> <!--@end-->
<!--@if(count($widget_info->document_list))--> <!--@for($i = 0; $i < $widget_info->rows_list_count; $i++)-->
{@ shuffle($widget_info->document_list)} <table cellpadding="0" cellspacing="0" border="0">
<tbody>
<tr valign="middle">
<td colspan="2" rowspan="2"><a href="{$widget_info->document_list[$i*14+0]->getPermanentUrl()}"><img class="cloudimg" src="{$widget_info->document_list[$i*14+0]->getThumbnail($width*2+2, $height*2+2, $widget_info->thumbnail_type)}" width="{$width*2+2}" height="{$height*2+2}" onerror="this.src='./common/tpl/images/blank.gif'" alt="" /></a></td>
<td><a href="{$widget_info->document_list[$i*14+1]->getPermanentUrl()}"><img class="cloudimg" src="{$widget_info->document_list[$i*14+1]->getThumbnail($width, $height, $widget_info->thumbnail_type)}" width="{$width}" height="{$height}" onerror="this.src='./common/tpl/images/blank.gif'" alt="" /></a></td>
<td><a href="{$widget_info->document_list[$i*14+2]->getPermanentUrl()}"><img class="cloudimg" src="{$widget_info->document_list[$i*14+2]->getThumbnail($width, $height, $widget_info->thumbnail_type)}" width="{$width}" height="{$height}" onerror="this.src='./common/tpl/images/blank.gif'" alt="" /></a></td>
<td><a href="{$widget_info->document_list[$i*14+3]->getPermanentUrl()}"><img class="cloudimg" src="{$widget_info->document_list[$i*14+3]->getThumbnail($width, $height, $widget_info->thumbnail_type)}" width="{$width}" height="{$height}" onerror="this.src='./common/tpl/images/blank.gif'" alt="" /></a></td>
</tr>
<!--@for($i = 0; $i < $widget_info->cols_list_count * $widget_info->rows_list_count; $i++)--> <tr>
{@ <td><a href="{$widget_info->document_list[$i*14+4]->getPermanentUrl()}"><img class="cloudimg" src="{$widget_info->document_list[$i*14+4]->getThumbnail($width, $height, $widget_info->thumbnail_type)}" width="{$width}" height="{$height}" onerror="this.src='./common/tpl/images/blank.gif'" alt="" /></a></td>
$width = $widget_info->thumbnail_width ? $widget_info->thumbnail_width : "40"; <td><a href="{$widget_info->document_list[$i*14+5]->getPermanentUrl()}"><img class="cloudimg" src="{$widget_info->document_list[$i*14+5]->getThumbnail($width, $height, $widget_info->thumbnail_type)}" width="{$width}" height="{$height}" onerror="this.src='./common/tpl/images/blank.gif'" alt="" /></a></td>
$height = $widget_info->thumbnail_height ? $widget_info->thumbnail_height : "40"; <td><a href="{$widget_info->document_list[$i*14+6]->getPermanentUrl()}"><img class="cloudimg" src="{$widget_info->document_list[$i*14+6]->getThumbnail($width, $height, $widget_info->thumbnail_type)}" width="{$width}" height="{$height}" onerror="this.src='./common/tpl/images/blank.gif'" alt="" /></a></td>
$ratio = $width / $height; </tr>
$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"; <tr valign="middle">
} <td><a href="{$widget_info->document_list[$i*14+7]->getPermanentUrl()}"><img class="cloudimg" src="{$widget_info->document_list[$i*14+7]->getThumbnail($width, $height, $widget_info->thumbnail_type)}" width="{$width}" height="{$height}" onerror="this.src='./common/tpl/images/blank.gif'" alt="" /></a></td>
<!--@end--> <td><a href="{$widget_info->document_list[$i*14+8]->getPermanentUrl()}"><img class="cloudimg" src="{$widget_info->document_list[$i*14+8]->getThumbnail($width, $height, $widget_info->thumbnail_type)}" width="{$width}" height="{$height}" onerror="this.src='./common/tpl/images/blank.gif'" alt="" /></a></td>
<td><a href="{$widget_info->document_list[$i*14+9]->getPermanentUrl()}"><img class="cloudimg" src="{$widget_info->document_list[$i*14+9]->getThumbnail($width, $height, $widget_info->thumbnail_type)}" width="{$width}" height="{$height}" onerror="this.src='./common/tpl/images/blank.gif'" alt="" /></a></td>
<td colspan="2" rowspan="2"><a href="{$widget_info->document_list[$i*14+10]->getPermanentUrl()}"><img class="cloudimg" src="{$widget_info->document_list[$i*14+10]->getThumbnail($width*2+2, $height*2+2, $widget_info->thumbnail_type)}" width="{$width*2+2}" height="{$height*2+2}" onerror="this.src='./common/tpl/images/blank.gif'" alt="" /></a></td>
</tr>
<!--// <tr>
편집 방법 <td><a href="{$widget_info->document_list[$i*14+11]->getPermanentUrl()}"><img class="cloudimg" src="{$widget_info->document_list[$i*14+11]->getThumbnail($width, $height, $widget_info->thumbnail_type)}" width="{$width}" height="{$height}" onerror="this.src='./common/tpl/images/blank.gif'" alt="" /></a></td>
1. 원하는 모양으로 표를 디자인 합니다. <td><a href="{$widget_info->document_list[$i*14+12]->getPermanentUrl()}"><img class="cloudimg" src="{$widget_info->document_list[$i*14+12]->getThumbnail($width, $height, $widget_info->thumbnail_type)}" width="{$width}" height="{$height}" onerror="this.src='./common/tpl/images/blank.gif'" alt="" /></a></td>
2. <a>, <img>를 복사하여 붙여 넣고 이미지 번호는 0부터 순서대로 입력합니다. <td><a href="{$widget_info->document_list[$i*14+13]->getPermanentUrl()}"><img class="cloudimg" src="{$widget_info->document_list[$i*14+13]->getThumbnail($width, $height, $widget_info->thumbnail_type)}" width="{$width}" height="{$height}" onerror="this.src='./common/tpl/images/blank.gif'" alt="" /></a></td>
- 기본 표는 14개 이미지이므로 0부터 13까지 입력했음. </tr>
3. 이미지 크기를 직접 입력하거나 수식을 넣으면 다른 크기로 출력할 수 있습니다.
-->
<!--@for($j = 0; $j < $widget_info->rows_list_count; $j++)--> </tbody>
{@ $colsrows = $widget_info->cols_list_count * $j} </table>
<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--> <!--@end-->
</div> </div>

View file

@ -28,4 +28,4 @@
<title xml:lang="zh-TW">預設顏色</title> <title xml:lang="zh-TW">預設顏色</title>
</color> </color>
</colorset> </colorset>
</skin> </skin>