From 84d239641c6d9c777548a962b7e0636997056419 Mon Sep 17 00:00:00 2001 From: zero Date: Fri, 23 Mar 2007 05:29:47 +0000 Subject: [PATCH] git-svn-id: http://xe-core.googlecode.com/svn/trunk@621 201d5d3c-b55e-5fd7-737f-ddc643e51545 --- ...show.class.php => image_gallery.class.php} | 38 +++------- .../components/image_gallery/lang/ko.lang.php | 8 +-- .../tpl/{slide_show.css => image_gallery.css} | 8 +-- .../image_gallery/tpl/image_gallery.html | 18 +++++ .../tpl/{slide_show.js => image_gallery.js} | 72 +++++++++---------- .../components/image_gallery/tpl/popup.html | 2 +- .../components/image_gallery/tpl/popup.js | 2 +- .../image_gallery/tpl/slide_show.html | 18 ----- 8 files changed, 73 insertions(+), 93 deletions(-) rename modules/editor/components/image_gallery/{slide_show.class.php => image_gallery.class.php} (80%) rename modules/editor/components/image_gallery/tpl/{slide_show.css => image_gallery.css} (69%) create mode 100644 modules/editor/components/image_gallery/tpl/image_gallery.html rename modules/editor/components/image_gallery/tpl/{slide_show.js => image_gallery.js} (57%) delete mode 100644 modules/editor/components/image_gallery/tpl/slide_show.html diff --git a/modules/editor/components/image_gallery/slide_show.class.php b/modules/editor/components/image_gallery/image_gallery.class.php similarity index 80% rename from modules/editor/components/image_gallery/slide_show.class.php rename to modules/editor/components/image_gallery/image_gallery.class.php index 4be829d9c..c5f4a0581 100644 --- a/modules/editor/components/image_gallery/slide_show.class.php +++ b/modules/editor/components/image_gallery/image_gallery.class.php @@ -1,11 +1,11 @@ upload_target_srl = $upload_target_srl; $this->component_path = $component_path; } @@ -51,13 +51,13 @@ $body = $xml_obj->body; $image_list = explode("\n",$body); - Context::set("slide_show_width", $width); - Context::set("slide_show_height", $height); - Context::set("slide_show_images", $image_list); - Context::set("slide_show_srl", rand(111111,999999)); + Context::set("image_gallery_width", $width); + Context::set("image_gallery_height", $height); + Context::set("image_gallery_images", $image_list); + Context::set("image_gallery_srl", rand(111111,999999)); $tpl_path = $this->component_path.'tpl'; - $tpl_file = 'slide_show.html'; + $tpl_file = 'image_gallery.html'; Context::set("tpl_path", $tpl_path); require_once("./classes/template/TemplateHandler.class.php"); @@ -67,23 +67,3 @@ } ?> - - - - - - - - - - - - - - - - - - - - diff --git a/modules/editor/components/image_gallery/lang/ko.lang.php b/modules/editor/components/image_gallery/lang/ko.lang.php index 46da090e5..24d512ec5 100644 --- a/modules/editor/components/image_gallery/lang/ko.lang.php +++ b/modules/editor/components/image_gallery/lang/ko.lang.php @@ -1,14 +1,14 @@ - * @brief 위지윅에디터(editor) 모듈 > 슬라이드쇼(slide_show) 컴포넌트의 언어팩 + * @brief 위지윅에디터(editor) 모듈 > 이미지갤러리(image_gallery) 컴포넌트의 언어팩 **/ - $lang->slide_show = "슬라이드쇼 제작"; + $lang->image_gallery = "이미지 갤러리 제작"; $lang->width = "가로크기"; $lang->height = "세로크기"; $lang->image_list = "이미지 목록"; $lang->cmd_make_thumbnail = "썸네일 생성"; - $lang->about_image_list = "슬라이드쇼에 추가할 파일을 선택하세요. 선택후 드래그 또는 shift+클릭(범위선택), ctrl+클릭(개별선택) 가능합니다"; + $lang->about_image_list = "이미지 갤러리에 추가할 파일을 선택하세요. 선택후 드래그 또는 shift+클릭(범위선택), ctrl+클릭(개별선택) 가능합니다"; ?> diff --git a/modules/editor/components/image_gallery/tpl/slide_show.css b/modules/editor/components/image_gallery/tpl/image_gallery.css similarity index 69% rename from modules/editor/components/image_gallery/tpl/slide_show.css rename to modules/editor/components/image_gallery/tpl/image_gallery.css index 27104448e..675a0b5bb 100644 --- a/modules/editor/components/image_gallery/tpl/slide_show.css +++ b/modules/editor/components/image_gallery/tpl/image_gallery.css @@ -1,4 +1,4 @@ -.slide_loading_text { +.image_gallery_loading_text { color:#555555; font-size:8pt; font-family:tahoma; @@ -7,19 +7,19 @@ text-align:center; } -.slide_main_image_box { +.image_gallery_main_image_box { border:3px solid #EEEEEE; background-color:#FFFFFF; margin:10px; } -.slide_thumbnail_image_box { +.image_gallery_thumbnail_image_box { background-color:#FFFFFF; margin:10px; text-align:center; } -.slide_thumbnail_image_box img { +.image_gallery_thumbnail_image_box img { border:1px solid #555555; padding:1px; margin:4px; diff --git a/modules/editor/components/image_gallery/tpl/image_gallery.html b/modules/editor/components/image_gallery/tpl/image_gallery.html new file mode 100644 index 000000000..b07f0ac77 --- /dev/null +++ b/modules/editor/components/image_gallery/tpl/image_gallery.html @@ -0,0 +1,18 @@ + + + + + + + diff --git a/modules/editor/components/image_gallery/tpl/slide_show.js b/modules/editor/components/image_gallery/tpl/image_gallery.js similarity index 57% rename from modules/editor/components/image_gallery/tpl/slide_show.js rename to modules/editor/components/image_gallery/tpl/image_gallery.js index af21708b7..979ef60a0 100644 --- a/modules/editor/components/image_gallery/tpl/slide_show.js +++ b/modules/editor/components/image_gallery/tpl/image_gallery.js @@ -1,25 +1,25 @@ /** - * @file slide_show.js - * @brief 이미지 슬라이드 쇼 스크립트 + * @file image_gallery.js + * @brief 이미지 이미지갤러리 쇼 스크립트 * @author zero (zero@nzeo.com) **/ -// 슬라이드쇼를 하기 위한 변수 -var slide_show_images = new Array(); +// 이미지갤러리쇼를 하기 위한 변수 +var image_gallery_images = new Array(); -// 슬라이드쇼 이미지 목록에 추가 -function slide_show_add_image(srl, thumbnail_url, image_url) { +// 이미지갤러리쇼 이미지 목록에 추가 +function image_gallery_add_image(srl, thumbnail_url, image_url) { if(!thumbnail_url || !image_url) return; // 객체 생성 var obj = {"srl":0, "thumbnail_url":null, "thumbnail":null, "image_url":null, "image":null} - // slide_show_images에 슬라이드 쇼 고유번호에 해당하는 공간을 초기화 - if(typeof(slide_show_images[srl])=="undefined") slide_show_images[srl] = new Array(); + // image_gallery_images에 이미지갤러리 쇼 고유번호에 해당하는 공간을 초기화 + if(typeof(image_gallery_images[srl])=="undefined") image_gallery_images[srl] = new Array(); - // 슬라이드쇼 고유번호를 세팅 + // 이미지갤러리쇼 고유번호를 세팅 obj.srl = srl; - obj.idx = slide_show_images[srl].length; + obj.idx = image_gallery_images[srl].length; // 썸네일 이미지를 미리 로딩 obj.thumbnail = new Image(); @@ -36,38 +36,38 @@ function slide_show_add_image(srl, thumbnail_url, image_url) { obj.image.src = image_url; // 썸네일 클릭시 메인 이미지로 바꾸어줌 - xAddEventListener(obj.thumbnail, "mousedown", function() { display_slide_image(obj) }); + xAddEventListener(obj.thumbnail, "mousedown", function() { display_gallery_image(obj) }); - // 생성된 객체를 slide_show_images[슬라이드쇼 고유번호]에 추가 - slide_show_images[srl][slide_show_images[srl].length] = obj; + // 생성된 객체를 image_gallery_images[이미지갤러리쇼 고유번호]에 추가 + image_gallery_images[srl][image_gallery_images[srl].length] = obj; } -// 슬라이드쇼 시작 -function start_slide_show() { +// 이미지갤러리쇼 시작 +function start_image_gallery() { // 등록된 모든 이미지 목록을 돌면서 thumbnail 목록을 만들어줌 - for(var srl in slide_show_images) { + for(var srl in image_gallery_images) { // 첫번째 이미지의 경우 큰 이미지 출력 시작 이미지 출력 - display_slide_image(slide_show_images[srl][0]); + display_gallery_image(image_gallery_images[srl][0]); // 등록된 이미지가 없으면 pass~ - if(!slide_show_images[srl].length) continue; + if(!image_gallery_images[srl].length) continue; // 메인이미지가 나올 곳과 썸네일이 노출될 곳의 객체를 구함 var zone_thumbnail = xGetElementById('zone_thumbnail_'+srl); // 썸네일 출력 - for(var i=0; i(zone_width-30)) { resize_scale = (zone_width-30)/image_width; image_width = parseInt(image_width*resize_scale,10); @@ -95,10 +95,10 @@ function display_slide_image(obj) { var y = parseInt((zone_height - image_height)/2,10)-3; // 로딩 텍스트 없앰 - xGetElementById("slide_loading_text").style.display = "none"; + xGetElementById("image_gallery_loading_text").style.display = "none"; // 이미지 표시 - var target_image = xGetElementById("slide_main_image_"+obj.srl); + var target_image = xGetElementById("image_gallery_main_image_"+obj.srl); target_image.style.display = "none"; target_image.src = obj.image.src; @@ -119,34 +119,34 @@ function display_slide_image(obj) { // resize_scale이 1이 아니면, 즉 리사이즈 되었다면 해당 이미지 클릭시 원본을 새창으로 띄워줌 if(resize_scale!=1) { target_image.style.cursor = 'pointer'; - xAddEventListener(target_image, 'mousedown', slide_show_winopen); + xAddEventListener(target_image, 'mousedown', image_gallery_winopen); } else { target_image.style.cursor = 'default'; - xRemoveEventListener(target_image, 'mousedown', slide_show_winopen); + xRemoveEventListener(target_image, 'mousedown', image_gallery_winopen); } // srl의 모든 썸네일의 투명도 조절 - for(var i=0; i
-
{$lang->slide_show}
+
{$lang->image_gallery}
{$lang->width}
px
diff --git a/modules/editor/components/image_gallery/tpl/popup.js b/modules/editor/components/image_gallery/tpl/popup.js index 06c77f148..84c32ff6a 100644 --- a/modules/editor/components/image_gallery/tpl/popup.js +++ b/modules/editor/components/image_gallery/tpl/popup.js @@ -81,7 +81,7 @@ function insertSlideShow() { selected_node.style.height = height+"px"; xInnerHtml(selected_node, images_list); } else { - var text = "
"+images_list+"
"; + var text = "
"+images_list+"
"; opener.editorFocus(opener.editorPrevSrl); var iframe_obj = opener.editorGetIFrame(opener.editorPrevSrl) opener.editorReplaceHTML(iframe_obj, text); diff --git a/modules/editor/components/image_gallery/tpl/slide_show.html b/modules/editor/components/image_gallery/tpl/slide_show.html deleted file mode 100644 index 5afdd3193..000000000 --- a/modules/editor/components/image_gallery/tpl/slide_show.html +++ /dev/null @@ -1,18 +0,0 @@ - - - - -
-
loading images...
- -
-
-