Changeset 29480 for trunk

Timestamp:

Sep 11, 2014, 11:05:00 AM (10 years ago)

Author:

mistic100

Message:

feature 3138: Add photo zoom when editing a photo

Location:

trunk/admin

Files:

• picture_modify.php (modified) (2 diffs)
• themes/default/template/batch_manager_unit.tpl (modified) (1 diff)
• themes/default/template/picture_modify.tpl (modified) (3 diffs)
• themes/default/theme.css (modified) (2 diffs)

trunk/admin/picture_modify.php

@@ -230 +230 @@
 $admin_url_start.= isset($_GET['cat_id']) ? '&cat_id='.$_GET['cat_id'] : '';
 
+$src_image = new SrcImage($row);
+
 $template->assign(
   array(
@@ -238 +240 @@
     'PATH'=>$row['path'],
 
-    'TN_SRC' => DerivativeImage::thumb_url($row),
+    'TN_SRC' => DerivativeImage::url(IMG_THUMB, $src_image),
+    'FILE_SRC' => DerivativeImage::url(IMG_LARGE, $src_image),
 
     'NAME' =>

trunk/admin/themes/default/template/batch_manager_unit.tpl

@@ -56 +56 @@
 
   <span class="thumb">
-    <a href="{$element.FILE_SRC}" class="preview-box" title="{$element.LEGEND|@htmlspecialchars}"><img src="{$element.TN_SRC}" alt=""></a>
-    <br/>
-    <a href="{$element.U_EDIT}">{'Edit'|@translate}</a>
+    <a href="{$element.FILE_SRC}" class="preview-box icon-search" title="{$element.LEGEND|@htmlspecialchars}"><img src="{$element.TN_SRC}" alt=""></a>
+    <a href="{$element.U_EDIT}" class="icon-pencil">{'Edit'|@translate}</a>
   </span>
 

trunk/admin/themes/default/template/picture_modify.tpl

@@ -1 +1 @@
 {include file='include/autosize.inc.tpl'}
 {include file='include/datepicker.inc.tpl'}
+{include file='include/colorbox.inc.tpl'}
 
 {combine_script id='LocalStorageCache' load='footer' path='admin/themes/default/js/LocalStorageCache.js'}
@@ -36 +37 @@
   });
 });
+
+{* <!-- THUMBNAILS --> *}
+jQuery("a.preview-box").colorbox();
 }());
 {/footer_script}
@@ -50 +54 @@
       <tr>
         <td id="albumThumbnail">
-          <img src="{$TN_SRC}" alt="{'Thumbnail'|@translate}" class="Thumbnail">
+          <a href="{$FILE_SRC}" class="preview-box icon-search" title="{$TITLE|htmlspecialchars}"><img src="{$TN_SRC}" alt="{'Thumbnail'|translate}"></a>
         </td>
         <td id="albumLinks" style="width:400px;vertical-align:top;">

trunk/admin/themes/default/theme.css

@@ -226 +226 @@
         float: right;
         text-align: center;
-        opacity: 0.6;
-        -webkit-transition:opacity 400ms ease;
-        transition:opacity 400ms ease;
-}
-FIELDSET.elementEdit .thumb:hover {
-        opacity:1;
 }
 
@@ -1221 +1215 @@
 .userActions {float:right;text-align:right;}
 
+.preview-box.icon-search {
+  display:block;
+  position:relative;
+}
+.preview-box.icon-search:before {
+  opacity:0;
+  position:absolute;
+  margin:-22px 0 0 -22px;
+  top:50%;
+  left:50%;
+  font-size:50px;
+  line-height:50px;
+  color:white;
+  z-index:100;
+  text-shadow:0 0 20px rgba(0,0,0,0.4);
+  -webkit-transition:opacity 200ms ease;
+  transition:opacity 200ms ease;
+}
+.preview-box.icon-search:hover:before {
+  opacity:0.9;
+}
+.preview-box.icon-search img {
+  opacity:1;
+  -webkit-transition:opacity 200ms ease;
+  transition:opacity 200ms ease;
+}
+.preview-box.icon-search:hover img {
+  opacity:0.5;
+}