Changeset 9868

Timestamp:

Mar 26, 2011, 4:53:38 PM (13 years ago)

Author:

flop25

Message:

use of tiptip for the name of the picture, and this name is now in the alt attribute.

Location:

trunk/admin

Files:

• element_set_ranks.php (modified) (3 diffs)
• themes/default/template/element_set_ranks.tpl (modified) (2 diffs)

trunk/admin/element_set_ranks.php

@@ -198 +198 @@
 SELECT
     id,
+    file,
     path,
     tn_ext,
+    name,
     rank
   FROM '.IMAGES_TABLE.'
@@ -217 +219 @@
         
         $thumbnail_size = getimagesize($src);
+  if ( !empty( $row['name'] ) )
+  {
+    $thumbnail_name = $row['name'];
+  }
+  else
+  {
+    $file_wo_ext = get_filename_wo_extension($row['file']);
+        $thumbnail_name = str_replace('_', ' ', $file_wo_ext);
+  }
         $thumbnail_info[] = array(
+                'name'  => $thumbnail_name,
                 'width' => $thumbnail_size[0],
                 'height'        => $thumbnail_size[1],
@@ -243 +255 @@
     array(
       'ID' => $thumbnails_info['id'],
+      'NAME' => $thumbnails_info['name'],
       'TN_SRC' => $thumbnails_info['tn_src'],
       'RANK' => $thumbnails_info['rank'],

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

@@ -29 +29 @@
   checkOrderOptions();
 });
+jQuery(document).ready(function() {
+jQuery('.clipwrapper').tipTip({
+'delay' : 0,
+'fadeIn' : 200,
+'fadeOut' : 200
+});
+}); 
 {/literal}{/footer_script}
 
@@ -45 +52 @@
       {foreach from=$thumbnails item=thumbnail}
       <li class="rank-of-image" style="width:{$thumbnail.CLIPING_li}px; height:{$thumbnail.CLIPING_li}px; ">
-        <div class="clipwrapper" style="width:{$thumbnail.CLIPING}px; height:{$thumbnail.CLIPING}px; ">
+        <div class="clipwrapper" style="width:{$thumbnail.CLIPING}px; height:{$thumbnail.CLIPING}px; " title="{$thumbnail.NAME|@replace:'"':' '}">
           <div class="clip" style="clip:rect({$thumbnail.CLIP_TOP}px {$thumbnail.CLIP_RIGHT}px {$thumbnail.CLIP_BOTTOM}px {$thumbnail.CLIP_LEFT}px);top:-{$thumbnail.CLIP_TOP}px;left:-{$thumbnail.CLIP_LEFT}px">
-            <img src="{$thumbnail.TN_SRC}" class="thumbnail" alt="">
+            <img src="{$thumbnail.TN_SRC}" class="thumbnail" alt="{$thumbnail.NAME|@replace:'"':' '}">
           </div>
         </div>