게시글 보기 이미지 크게 보기 기능 수정

2013-02-20 16:10:30 +09:00
parent 408d27cc55
commit 913696689f
3 changed files with 107 additions and 8 deletions
--- a/bbs/view_image.php
+++ b/bbs/view_image.php
@ -0,0 +1,89 @@
+<?php
+include_once('./_common.php');
+
+$g4['title'] = '이미지 크게보기';
+include_once(G4_PATH.'/head.sub.php');
+
+$filename = $_GET['fn'];
+$bo_table = $_GET['bo_table'];
+
+$filepath = G4_DATA_PATH.'/file/'.$bo_table.'/'.$filename;
+
+if(is_file($filepath)) {
+    $size = @getimagesize($filepath);
+    if(empty($size))
+        alert_close('이미지 파일이 아닙니다.');
+
+    $width = $size[0];
+    $height = $size[1];
+
+    $fileurl = G4_DATA_URL.'/file/'.$bo_table.'/'.$filename;
+    $img = '<img src="'.$fileurl.'" width="'.$width.'" height="'.$height.'" class="draggable" />';
+} else {
+    alert_close('파일이 존재하지 않습니다.');
+}
+?>
+
+<style type="text/css">
+.draggable { position: relative; left: 0; top: 0; }
+</style>
+
+<div><?=$img?></div>
+
+<script>
+var win_w = <?=$width?>;
+var win_h = <?=$height?>;
+var win_l = (screen.width - win_w) / 2;
+var win_t = (screen.height - win_h) / 2;
+
+if(win_w > screen.width) {
+    win_l = 0;
+    win_w = screen.width;
+    win_h = parseInt((win_w * screen.height) / screen.width);
+}
+
+if(win_h > screen.height) {
+    win_t = 0;
+    win_h = screen_heigth;
+    win_w = parseInt((win_h * screen.width) / screen.height);
+}
+
+window.moveTo(win_l, win_t);
+window.resizeTo(win_w, win_h);
+
+$(function() {
+    var is_draggable = false;
+    var x = y = 0;
+    var pos_x = pos_y = 0;
+
+    $(".draggable").mousemove(function(e) {
+        if(is_draggable) {
+            x = parseInt($(this).css("left")) - (pos_x - e.pageX);
+            y = parseInt($(this).css("top")) - (pos_y - e.pageY);
+
+            pos_x = e.pageX;
+            pos_y = e.pageY;
+
+            $(this).css({ "left" : x, "top" : y });
+        }
+
+        return false;
+    });
+
+    $(".draggable").mousedown(function(e) {
+        pos_x = e.pageX;
+        pos_y = e.pageY;
+        is_draggable = true;
+        return false;
+    });
+
+    $(".draggable").mouseup(function() {
+        is_draggable = false;
+        return false;
+    });
+});
+</script>
+
+<?php
+include_once(G4_PATH.'/tail.sub.php');
+?>