git-svn-id: http://xe-core.googlecode.com/svn/trunk@805 201d5d3c-b55e-5fd7-737f-ddc643e51545

This commit is contained in:
zero 2007-03-30 06:01:24 +00:00
parent 84d0a85ebb
commit df75151c85
79 changed files with 1972 additions and 1919 deletions

View file

@ -1,8 +1,8 @@
<?xml version="1.0" encoding="utf-8"?>
<component version="0.1">
<title xml:lang="ko">기본 이미지 갤러리</title>
<author email_address="zero@zeroboard.com" link="http://www.zeroboard.com" date="2007. 2. 28">
<name xml:lang="ko">제로</name>
<description xml:lang="ko">첨부된 이미지파일을 이용하여 슬라이드/목록형 이미지 갤러리를 만들 수 있습니다.</description>
</author>
<title xml:lang="ko">기본 이미지 갤러리</title>
<author email_address="zero@zeroboard.com" link="http://www.zeroboard.com" date="2007. 2. 28">
<name xml:lang="ko">제로</name>
<description xml:lang="ko">첨부된 이미지파일을 이용하여 슬라이드/목록형 이미지 갤러리를 만들 수 있습니다.</description>
</author>
</component>

View file

@ -1,15 +1,14 @@
<!--%import("list_gallery.js")-->
<script type='text/javascript'>
// 이미지갤러리에 보여줄 이미지 등록
<!--@foreach($gallery_info->image_list as $image)-->
list_gallery_add_image({$gallery_info->srl},'{$image}');
<!--@end-->
// 이미지갤러리에 보여줄 이미지 등록
<!--@foreach($gallery_info->image_list as $image)-->
list_gallery_add_image({$gallery_info->srl},'{$image}');
<!--@end-->
// window.onLoad 이벤트 후에 이미지갤러리 시작
xAddEventListener(window,'load',start_list_gallery);
// window.onLoad 이벤트 후에 이미지갤러리 시작
xAddEventListener(window,'load',start_list_gallery);
</script>
<div align="{$gallery_info->gallery_align}">
<div id='zone_list_gallery_{$gallery_info->srl}' style="width:{$gallery_info->width}px;background-color:#{$gallery_info->bg_color};border:{$gallery_info->border_thickness}px solid #{$gallery_info->border_color};text-align:left;">
</div>
<div id='zone_list_gallery_{$gallery_info->srl}' style="width:{$gallery_info->width}px;background-color:#{$gallery_info->bg_color};border:{$gallery_info->border_thickness}px solid #{$gallery_info->border_color};text-align:left;"></div>
</div>

View file

@ -1,133 +1,135 @@
@charset "utf-8";
.editor_window {
width:550px;
text-align:center;
width:550px;
text-align:center;
}
.editor_title {
font-size:10pt;
font-weight:bold;
clear:both;
height:20px;
background-color:#555555;
color:#EFEFEF;
vertical-align:middle;
padding-top:5px;
border-bottom:1px solid #000000;
text-align:center;
font-size:10pt;
font-weight:bold;
clear:both;
height:20px;
background-color:#555555;
color:#EFEFEF;
vertical-align:middle;
padding-top:5px;
border-bottom:1px solid #000000;
text-align:center;
}
.short_header {
float:left;
width:80px;
text-align:left;
font-weight:bold;
margin:5px;
font-size:9pt;
float:left;
width:80px;
text-align:left;
font-weight:bold;
margin:5px;
font-size:9pt;
}
.short_body {
float:left;
width:90px;
text-align:left;
margin:5px;
font-size:9pt;
float:left;
width:90px;
text-align:left;
margin:5px;
font-size:9pt;
}
.header {
float:left;
width:80px;
clear:left;
text-align:left;
font-weight:bold;
margin:5px;
font-size:9pt;
float:left;
width:80px;
clear:left;
text-align:left;
font-weight:bold;
margin:5px;
font-size:9pt;
}
.body {
float:left;
width:350px;
text-align:left;
margin:5px;
font-size:9pt;
float:left;
width:350px;
text-align:left;
margin:5px;
font-size:9pt;
}
.image_list {
width:380px;
width:380px;
}
.about_image_list {
margin-top:10px;
font-size:9pt;
color:#AAAAAA;
margin-top:10px;
font-size:9pt;
color:#AAAAAA;
}
.editor_input {
width:40px;
height:13px;
font-size:9pt;
border:1px solid #AAAAAA;
width:40px;
height:13px;
font-size:9pt;
border:1px solid #AAAAAA;
}
.editor_button_area {
border-top:1px solid #AAAAAA;
text-align:center;
background-color:#EEEEEE;
padding:2px 0px 2px 0px;
clear:both;
height:25px;
border-top:1px solid #AAAAAA;
text-align:center;
background-color:#EEEEEE;
padding:2px 0px 2px 0px;
clear:both;
height:25px;
}
.editor_button {
margin-top:4px;
background-color:#FFFFFF;
border:1px solid #AAAAAA;
height:18px;
font-size:9pt;
margin-top:4px;
background-color:#FFFFFF;
border:1px solid #AAAAAA;
height:18px;
font-size:9pt;
}
.editor_color_box {
clear:both;
height:65px;
width:400px;
border:1px solid #DDDDDD;
padding:2px;
margin-bottom:3px;
clear:both;
height:65px;
width:400px;
border:1px solid #DDDDDD;
padding:2px;
margin-bottom:3px;
}
.editor_color_input {
clear:both;
clear:both;
}
img.bg_preview_color {
width:30px;
height:16px;
border:1px solid #000000;
background-color:#FFFFFF;
width:30px;
height:16px;
border:1px solid #000000;
background-color:#FFFFFF;
}
img.border_preview_color {
width:30px;
height:16px;
border:1px solid #EEEEEE;
background-color:#000000;
width:30px;
height:16px;
border:1px solid #EEEEEE;
background-color:#000000;
}
img.color_icon {
width:14px;
height:14px;
border:1px solid #FFFFFF;
width:14px;
height:14px;
border:1px solid #FFFFFF;
}
img.color_icon_over {
width:14px;
height:14px;
border:1px solid #000000;
cursor:pointer;
width:14px;
height:14px;
border:1px solid #000000;
cursor:pointer;
}
.table_input {
width:40px;
height:13px;
font-size:9pt;
border:1px solid #AAAAAA;
width:40px;
height:13px;
font-size:9pt;
border:1px solid #AAAAAA;
}

View file

@ -3,82 +3,84 @@
<!--%import("../lang")-->
<form action="./" method="get" onSubmit="return false" id="fo">
<input type="hidden" name="upload_target_srl" value="{$upload_target_srl}" />
<div class="editor_window">
<div class="editor_title">{$component_info->title} ver. {$component_info->version} <a href="#" onclick="winopen('./?module=editor&amp;act=viewComponentInfo&amp;component_name={$component_info->component_name}','ComponentInfo','left=10,top=10,width=10,height=10,resizable=no,scrollbars=no,toolbars=no');return false;"><img src="../../../tpl/images/about_component.gif" title="{$lang->about_component}" alt="{$lang->about_component}" class="about_component_icon" border="0" /></a></div>
<input type="hidden" name="upload_target_srl" value="{$upload_target_srl}" />
<div class="short_header">{$lang->width}</div>
<div class="short_body"><input type="text" class="editor_input" id="width" value="600" />px</div>
<div class="editor_window">
<div class="header">{$lang->gallery_style}</div>
<div class="body">
<select id="gallery_style">
<option value="slide">{$lang->gallery_slide_style}</option>
<option value="list">{$lang->gallery_list_style}</option>
</select>
<div class="editor_title">{$component_info->title} ver. {$component_info->version} <a href="#" onclick="winopen('./?module=editor&amp;act=viewComponentInfo&amp;component_name={$component_info->component_name}','ComponentInfo','left=10,top=10,width=10,height=10,resizable=no,scrollbars=no,toolbars=no');return false;"><img src="../../../tpl/images/about_component.gif" title="{$lang->about_component}" alt="{$lang->about_component}" class="about_component_icon" border="0" /></a></div>
<div class="short_header">{$lang->width}</div>
<div class="short_body"><input type="text" class="editor_input" id="width" value="600" />px</div>
<div class="header">{$lang->gallery_style}</div>
<div class="body">
<select id="gallery_style">
<option value="slide">{$lang->gallery_slide_style}</option>
<option value="list">{$lang->gallery_list_style}</option>
</select>
</div>
<div class="header">{$lang->gallery_slide_align}</div>
<div class="body">
<select id="gallery_align">
<option value="center">{$lang->gallery_slide_center}</option>
<option value="left">{$lang->gallery_slide_left}</option>
<option value="right">{$lang->gallery_slide_right}</option>
</select>
</div>
<div class="header">{$lang->gallery_border_thickness}</div>
<div class="body"><input type="text" class="editor_input" id="border_thickness" value="0" />px</div>
<div class="header">{$lang->gallery_border_color}</div>
<div class="body">
<div class="editor_color_box">
<script type="text/javascript">
printColor("border", "{$tpl_path}/images/blank.gif");
</script>
</div>
<div class="editor_color_input">
<table border="0" cellspacing="0">
<tr>
<td><img src="./images/border_solid.gif" alt="blank" class="border_preview_color" id="border_preview_color" /></td>
<td>#</td>
<td><input type="text" id="border_color_input" size="6" maxlength="6" class="table_input" value="000000" onkeyup="manual_select_color('border',this)"/></td>
</tr>
</table>
</div>
</div>
<div class="header">{$lang->gallery_bg_color}</div>
<div class="body">
<div class="editor_color_box">
<script type="text/javascript">
printColor("bg", "{$tpl_path}/images/blank.gif");
</script>
</div>
<div class="editor_color_input">
<table border="0" cellspacing="0">
<tr>
<td><img src="./images/blank.gif" alt="blank" class="bg_preview_color" id="bg_preview_color" /></td>
<td>#</td>
<td><input type="text" id="bg_color_input" size="6" maxlength="6" class="table_input" value="FFFFFF" onkeyup="manual_select_color('bg',this)"/></td>
</tr>
</table>
</div>
</div>
<div class="header">{$lang->image_list}</div>
<div class="body">
<div>
<select id="image_list" size="10" class="image_list" multiple="true">
</select>
</div>
<div class="about_image_list">{$lang->about_image_list}</div>
</div>
<div class="editor_button_area">
<input type="button" value="{$lang->cmd_insert}" class="editor_button" onclick="insertSlideShow()" />
<input type="button" value="{$lang->cmd_close}" class="editor_button" onclick="window.close();" />
</div>
</div>
<div class="header">{$lang->gallery_slide_align}</div>
<div class="body">
<select id="gallery_align">
<option value="center">{$lang->gallery_slide_center}</option>
<option value="left">{$lang->gallery_slide_left}</option>
<option value="right">{$lang->gallery_slide_right}</option>
</select>
</div>
<div class="header">{$lang->gallery_border_thickness}</div>
<div class="body"><input type="text" class="editor_input" id="border_thickness" value="0" />px</div>
<div class="header">{$lang->gallery_border_color}</div>
<div class="body">
<div class="editor_color_box">
<script type="text/javascript">
printColor("border", "{$tpl_path}/images/blank.gif");
</script>
</div>
<div class="editor_color_input">
<table border="0" cellspacing="0">
<tr>
<td><img src="./images/border_solid.gif" alt="blank" class="border_preview_color" id="border_preview_color" /></td>
<td>#</td>
<td><input type="text" id="border_color_input" size="6" maxlength="6" class="table_input" value="000000" onkeyup="manual_select_color('border',this)"/></td>
</tr>
</table>
</div>
</div>
<div class="header">{$lang->gallery_bg_color}</div>
<div class="body">
<div class="editor_color_box">
<script type="text/javascript">
printColor("bg", "{$tpl_path}/images/blank.gif");
</script>
</div>
<div class="editor_color_input">
<table border="0" cellspacing="0">
<tr>
<td><img src="./images/blank.gif" alt="blank" class="bg_preview_color" id="bg_preview_color" /></td>
<td>#</td>
<td><input type="text" id="bg_color_input" size="6" maxlength="6" class="table_input" value="FFFFFF" onkeyup="manual_select_color('bg',this)"/></td>
</tr>
</table>
</div>
</div>
<div class="header">{$lang->image_list}</div>
<div class="body">
<div>
<select id="image_list" size="10" class="image_list" multiple="true">
</select>
</div>
<div class="about_image_list">{$lang->about_image_list}</div>
</div>
<div class="editor_button_area">
<input type="button" value="{$lang->cmd_insert}" class="editor_button" onclick="insertSlideShow()" />
<input type="button" value="{$lang->cmd_close}" class="editor_button" onclick="window.close();" />
</div>
</div>
</form>

View file

@ -1,41 +1,42 @@
@charset "utf-8";
.slide_gallery_loading_text {
color:#555555;
font-size:8pt;
font-family:tahoma;
font-weight:bold;
margin:20px 0px 20px 0px;
text-align:center;
color:#555555;
font-size:8pt;
font-family:tahoma;
font-weight:bold;
margin:20px 0px 20px 0px;
text-align:center;
}
.slide_gallery_navigator_box {
font-size:9pt;
text-align:center;
margin:5px 0px 5px 0px;
font-size:9pt;
text-align:center;
margin:5px 0px 5px 0px;
}
.zone_gallery_navigator_status {
color:#444444;
font-family:verdana;
font-size:8pt;
cursor:pointer;
color:#444444;
font-family:verdana;
font-size:8pt;
cursor:pointer;
}
.slide_gallery_navigator_box img {
vertical-align:bottom;
vertical-align:bottom;
}
.slide_gallery_main_image_box {
border:3px solid #EEEEEE;
margin:10px;
border:3px solid #EEEEEE;
margin:10px;
}
.slide_gallery_thumbnail_image_box {
margin:10px;
text-align:left;
margin:10px;
text-align:left;
}
.slide_gallery_thumbnail_image_box img {
border:1px solid #555555;
padding:1px;
margin:4px;
border:1px solid #555555;
padding:1px;
margin:4px;
}

View file

@ -2,24 +2,25 @@
<!--%import("slide_gallery.css")-->
<!--%import("../lang")-->
<script type='text/javascript'>
// 이미지갤러리에 보여줄 이미지 등록
<!--@foreach($gallery_info->image_list as $image)-->
slide_gallery_add_image({$gallery_info->srl},'{$image}');
<!--@end-->
// 이미지갤러리에 보여줄 이미지 등록
//
<!--@foreach($gallery_info->image_list as $image)-->
slide_gallery_add_image({$gallery_info->srl},'{$image}');
<!--@end-->
// window.onLoad 이벤트 후에 이미지갤러리 시작
xAddEventListener(window,'load',start_slide_gallery);
// window.onLoad 이벤트 후에 이미지갤러리 시작
xAddEventListener(window,'load',start_slide_gallery);
</script>
<div align="{$gallery_info->gallery_align}">
<div id='zone_slide_gallery_{$gallery_info->srl}' style="width:{$gallery_info->width}px;background-color:#{$gallery_info->bg_color};border:{$gallery_info->border_thickness}px solid #{$gallery_info->border_color};text-align:left;">
<div id='zone_slide_gallery_{$gallery_info->srl}' style="width:{$gallery_info->width}px;background-color:#{$gallery_info->bg_color};border:{$gallery_info->border_thickness}px solid #{$gallery_info->border_color};text-align:left;">
<div id='zone_image_navigator_{$gallery_info->srl}' class="slide_gallery_navigator_box">
<a href="#" onclick="gallery_view_prev('{$gallery_info->srl}');return false;"><img src="./images/prev.gif" alt="{$lang->cmd_gallery_prev}" title="{$lang->cmd_gallery_prev}" border="0" /></a>
<span class="zone_gallery_navigator_status" title="{$lang->cmd_gallery_thumbnail}" id="zone_gallery_navigator_status_{$gallery_info->srl}" onclick="gallery_view_thumbnail('{$gallery_info->srl}');return false;">1/1</span>
<a href="#" onclick="gallery_view_next('{$gallery_info->srl}');return false;"><img src="./images/next.gif" alt="{$lang->cmd_gallery_next}" title="{$lang->cmd_gallery_next}" border="0" /></a>
<a href="#" onclick="gallery_view_prev('{$gallery_info->srl}');return false;"><img src="./images/prev.gif" alt="{$lang->cmd_gallery_prev}" title="{$lang->cmd_gallery_prev}" border="0" /></a>
<span class="zone_gallery_navigator_status" title="{$lang->cmd_gallery_thumbnail}" id="zone_gallery_navigator_status_{$gallery_info->srl}" onclick="gallery_view_thumbnail('{$gallery_info->srl}');return false;">1/1</span>
<a href="#" onclick="gallery_view_next('{$gallery_info->srl}');return false;"><img src="./images/next.gif" alt="{$lang->cmd_gallery_next}" title="{$lang->cmd_gallery_next}" border="0" /></a>
</div>
<div id='zone_thumbnail_{$gallery_info->srl}' class="slide_gallery_thumbnail_image_box" style="display:none"></div>
<div id="slide_gallery_loading_text_{$gallery_info->srl}" class="slide_gallery_loading_text">loading images...</div>
<img id="slide_gallery_main_image_{$gallery_info->srl}" border="0" style="display:none" alt="slide_gallery" src="./images/blank.gif" />
</div>
<div id='zone_thumbnail_{$gallery_info->srl}' class="slide_gallery_thumbnail_image_box" style="display:none"></div>
<div id="slide_gallery_loading_text_{$gallery_info->srl}" class="slide_gallery_loading_text">loading images...</div>
<img id="slide_gallery_main_image_{$gallery_info->srl}" border="0" style="display:none" alt="slide_gallery" src="./images/blank.gif" />
</div>
</div>