From 4aa8481539d8c1d48dbfd811c725fa3597f8f8f8 Mon Sep 17 00:00:00 2001
From: zero <skklove@gmail.com>
Date: Wed, 17 Dec 2008 06:05:01 +0000
Subject: [PATCH] =?UTF-8?q?=EC=B5=9C=EA=B7=BC=20=EC=9D=B4=EB=AF=B8?=
 =?UTF-8?q?=EC=A7=80=20>=20=EC=9D=B4=EB=AF=B8=EC=A7=80=20cloud=EC=9D=98=20?=
 =?UTF-8?q?=EC=98=A4=EB=A5=98=20=EC=88=98=EC=A0=95=20=EB=B0=8F=20=EC=B6=9C?=
 =?UTF-8?q?=EB=A0=A5=20=EA=B2=B0=EA=B3=BC=EB=AC=BC=20=EC=A0=95=EB=A6=AC.?=
 =?UTF-8?q?=20=EB=8B=A8=20cloud=5Fpopup=EC=9D=80=20=ED=98=84=EC=9E=AC=20cl?=
 =?UTF-8?q?oud=EC=99=80=20=EB=8F=99=EC=9D=BC=ED=95=9C=20=EB=8F=99=EC=9E=91?=
 =?UTF-8?q?=EC=9D=84=20=ED=95=A8=20(=EC=B0=A8=ED=9B=84=20=EB=B3=80?=
 =?UTF-8?q?=EA=B2=BD=20=EC=98=88=EC=A0=95)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

git-svn-id: http://xe-core.googlecode.com/svn/sandbox@5104 201d5d3c-b55e-5fd7-737f-ddc643e51545
---
 .../newest_images/skins/cloud/css/normal.css  |  48 +++----
 widgets/newest_images/skins/cloud/list.html   | 119 ++++++------------
 .../skins/cloud_preview/css/normal.css        |  49 +++-----
 .../skins/cloud_preview/list.html             | 119 ++++++------------
 .../skins/cloud_preview/skin.xml              |   2 +-
 5 files changed, 117 insertions(+), 220 deletions(-)

diff --git a/widgets/newest_images/skins/cloud/css/normal.css b/widgets/newest_images/skins/cloud/css/normal.css
index dd2842c81..d20e4ad63 100644
--- a/widgets/newest_images/skins/cloud/css/normal.css
+++ b/widgets/newest_images/skins/cloud/css/normal.css
@@ -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 { padding-bottom:5px; overflow:hidden; position:relative;}
@@ -6,35 +6,21 @@
 .imgcloudoutline a.more { text-decoration:none;} 
 .imgcloudoutline a.more:hover { text-decoration:underline;} 
 
-	.imgcloudoutline table {  
-		margin: 1px auto;
-		border: 0px solid #ddd;
-	}
-	
-	.imgcloudoutline img.imgcloud {  
-		border: 1px solid #e0e1db;
-		padding: 2px;
-		overflow: hidden;
-		display:block;
-	}
+.imgcloudoutline table {  
+    border:1px solid #ddd;
+}
 
-	.imgcloudoutline img.imgcloud:hover {  
-		border: 2px solid #7899AF;
-		padding: 1px;
-		overflow: hidden;
-		display:block;
-		cursor: pointer;
-	}
+.imgcloudoutline table td {  
+    vertical-align:middle;
+    text-align:center;
+}
 
-	.imgcloudoutline img.imgcloudbig {  
-		border: 1px solid #e0e1db;
-		padding: 2px;
-		overflow: hidden;
-	}
-	
-	.imgcloudoutline img.imgcloudbig:hover {  
-		border: 2px solid #7899AF;
-		padding: 1px;
-		overflow: hidden;
-		cursor: pointer;
-	}
+.imgcloudoutline table tbody tr td {
+    padding:1px; 
+    background-color:transparent;
+    vertical-align:middle;
+}
+
+.imgcloudoutline table tbody tr td:hover {
+    background-color:#7899AF;
+}
diff --git a/widgets/newest_images/skins/cloud/list.html b/widgets/newest_images/skins/cloud/list.html
index be8b64f4a..961797f4b 100644
--- a/widgets/newest_images/skins/cloud/list.html
+++ b/widgets/newest_images/skins/cloud/list.html
@@ -1,9 +1,22 @@
 <!--// 설정된 컬러셋의 종류에 따라서 css파일을 import 합니다 -->
-
 <!--@if($colorset=="normal"||!$colorset)-->
     <!--%import("css/normal.css")-->
 <!--@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">
     <!--@if($widget_info->title)-->
         <h2>{$widget_info->title}</h2>
@@ -13,86 +26,36 @@
         <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->rows_list_count; $i++)-->
+    <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++)-->
-        {@
-            $width = $widget_info->thumbnail_width ? $widget_info->thumbnail_width : "40";
-            $height = $widget_info->thumbnail_height ? $widget_info->thumbnail_height : "40";
-            $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";
-            $url[$i] = ($widget_info->document_list[$i]->document_srl) ? "href=\"".getUrl('','document_srl',$widget_info->document_list[$i]->document_srl)."\"" : "";
-        }
-    <!--@end-->
+        <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>
+            <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>
+            <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>
+        </tr>
 
- <!--//
- 편집 방법
- 1. 원하는 모양으로 표를 디자인 합니다.
- 2. <a>, <img> 코드를 복사한 다음 이미지 번호는 0부터 순서대로 입력합니다.
-  - 기본 표는 14개 이미지이므로 0부터 13까지 입력했음.
- 3. 이미지 크기를 직접 입력하거나 수식을 넣으면 다른 크기로 출력할 수 있습니다.
- -->
+        <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>
+            <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>
 
-	<!--@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><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>
+            <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>
+            <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>
+            <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>
 
-		<tr>
-			<td>
-				<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-->
+        </tbody>
+    </table>
     <!--@end-->
 </div>
diff --git a/widgets/newest_images/skins/cloud_preview/css/normal.css b/widgets/newest_images/skins/cloud_preview/css/normal.css
index 409773177..0df27573e 100644
--- a/widgets/newest_images/skins/cloud_preview/css/normal.css
+++ b/widgets/newest_images/skins/cloud_preview/css/normal.css
@@ -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 { padding-bottom:5px; overflow:hidden; position:relative;}
@@ -6,36 +6,21 @@
 .imgcloudoutline_preview a.more { text-decoration:none;} 
 .imgcloudoutline_preview a.more:hover { text-decoration:underline;} 
 
-	.imgcloudoutline_preview table {  
-		margin: 0px auto;
-		border:1px solid #ddd;
-	}
-	
-	.imgcloudoutline_preview .imgcloud {  
-		border:1px solid #ddd;
-		padding: 1px;
-		overflow: hidden;
-	}
+.imgcloudoutline_preview table {  
+    border:1px solid #ddd;
+}
 
-	.imgcloudoutline_preview .imgcloud:hover {  
-		border: 2px solid #7899AF;
-		padding: 0px;
-		overflow: hidden;
-	}
+.imgcloudoutline_preview table td {  
+    vertical-align:middle;
+    text-align:center;
+}
 
-	.imgcloudoutline_preview .imgcloudbig {  
-		border:1px solid #ddd;
-		padding: 1px;
-		overflow: hidden;
-	}
-	
-	.imgcloudoutline_preview .imgcloudbig:hover {  
-		border: 2px solid #7899AF;
-		padding: 0px;
-		overflow: hidden;
-	}
-	
-	.imgcloudoutline_preview .cloudimg {  
-		border: 0px;
-		cursor: pointer;
-	}
\ No newline at end of file
+.imgcloudoutline_preview table tbody tr td {
+    padding:1px; 
+    background-color:transparent;
+    vertical-align:middle;
+}
+
+.imgcloudoutline_preview table tbody tr td:hover {
+    background-color:#7899AF;
+}
diff --git a/widgets/newest_images/skins/cloud_preview/list.html b/widgets/newest_images/skins/cloud_preview/list.html
index 780755381..1435d8f5e 100644
--- a/widgets/newest_images/skins/cloud_preview/list.html
+++ b/widgets/newest_images/skins/cloud_preview/list.html
@@ -1,9 +1,22 @@
 <!--// 설정된 컬러셋의 종류에 따라서 css파일을 import 합니다 -->
-
 <!--@if($colorset=="normal"||!$colorset)-->
     <!--%import("css/normal.css")-->
 <!--@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">
     <!--@if($widget_info->title)-->
         <h2>{$widget_info->title}</h2>
@@ -13,86 +26,36 @@
         <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->rows_list_count; $i++)-->
+    <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++)-->
-        {@
-            $width = $widget_info->thumbnail_width ? $widget_info->thumbnail_width : "40";
-            $height = $widget_info->thumbnail_height ? $widget_info->thumbnail_height : "40";
-            $ratio = $width / $height;
+        <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>
+            <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>
+            <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>
+        </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";
-        }
-    <!--@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>
+            <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>
 
- <!--//
- 편집 방법
- 1. 원하는 모양으로 표를 디자인 합니다.
- 2. <a>, <img>를 복사하여 붙여 넣고 이미지 번호는 0부터 순서대로 입력합니다.
-  - 기본 표는 14개 이미지이므로 0부터 13까지 입력했음.
- 3. 이미지 크기를 직접 입력하거나 수식을 넣으면 다른 크기로 출력할 수 있습니다.
- -->
+        <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>
+            <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>
+            <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>
 
-	<!--@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>
+        </tbody>
+    </table>
     <!--@end-->
 </div>
diff --git a/widgets/newest_images/skins/cloud_preview/skin.xml b/widgets/newest_images/skins/cloud_preview/skin.xml
index b0a9ba76c..6d8721b5a 100644
--- a/widgets/newest_images/skins/cloud_preview/skin.xml
+++ b/widgets/newest_images/skins/cloud_preview/skin.xml
@@ -28,4 +28,4 @@
 			<title xml:lang="zh-TW">預設顏色</title>
 		</color>
 	</colorset>
-</skin>
\ No newline at end of file
+</skin>