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

git-svn-id: http://piwigo.org/svn/trunk@9868 68402e56-0260-453c-a942-63ccdbb3a9ee
This commit is contained in:
flop25 2011-03-26 15:53:38 +00:00
commit eacd53fb97
2 changed files with 22 additions and 2 deletions

View file

@ -197,8 +197,10 @@ $template->assign(
$query = '
SELECT
id,
file,
path,
tn_ext,
name,
rank
FROM '.IMAGES_TABLE.'
JOIN '.IMAGE_CATEGORY_TABLE.' ON image_id = id
@ -216,7 +218,17 @@ while ($row = pwg_db_fetch_assoc($result))
$src = get_thumbnail_url($row);
$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],
'id' => $row['id'],
@ -242,6 +254,7 @@ foreach ($thumbnail_info as $thumbnails_info)
'thumbnails',
array(
'ID' => $thumbnails_info['id'],
'NAME' => $thumbnails_info['name'],
'TN_SRC' => $thumbnails_info['tn_src'],
'RANK' => $thumbnails_info['rank'],
'CLIPING' => round($clipping),

View file

@ -28,6 +28,13 @@ jQuery(document).ready(function() {
checkOrderOptions();
});
jQuery(document).ready(function() {
jQuery('.clipwrapper').tipTip({
'delay' : 0,
'fadeIn' : 200,
'fadeOut' : 200
});
});
{/literal}{/footer_script}
<h2>{'Manage photo ranks'|@translate}</h2>
@ -44,9 +51,9 @@ jQuery(document).ready(function() {
<ul class="thumbnails">
{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>
<input type="text" name="rank_of_image[{$thumbnail.ID}]" value="{$thumbnail.RANK}" style="display:none">