duepuntozero: show desc on image in albums

This commit is contained in:
Fabio Comuni 2011-02-16 12:49:16 +01:00
parent c8116932c2
commit dc15e8640d
3 changed files with 39 additions and 9 deletions

View file

@ -831,7 +831,7 @@ function photos_content(&$a) {
$a->set_pager_itemspage(20); $a->set_pager_itemspage(20);
} }
$r = q("SELECT `resource-id`, `id`, `filename`, max(`scale`) AS `scale` FROM `photo` WHERE `uid` = %d AND `album` = '%s' $r = q("SELECT `resource-id`, `id`, `filename`, max(`scale`) AS `scale`, `desc` FROM `photo` WHERE `uid` = %d AND `album` = '%s'
$sql_extra GROUP BY `resource-id` ORDER BY `created` DESC LIMIT %d , %d", $sql_extra GROUP BY `resource-id` ORDER BY `created` DESC LIMIT %d , %d",
intval($owner_uid), intval($owner_uid),
dbesc($album), dbesc($album),
@ -873,7 +873,8 @@ function photos_content(&$a) {
'$photolink' => $a->get_baseurl() . '/photos/' . $a->data['user']['nickname'] . '/image/' . $rr['resource-id'], '$photolink' => $a->get_baseurl() . '/photos/' . $a->data['user']['nickname'] . '/image/' . $rr['resource-id'],
'$phototitle' => t('View Photo'), '$phototitle' => t('View Photo'),
'$imgsrc' => $a->get_baseurl() . '/photo/' . $rr['resource-id'] . '-' . $rr['scale'] . '.jpg', '$imgsrc' => $a->get_baseurl() . '/photo/' . $rr['resource-id'] . '-' . $rr['scale'] . '.jpg',
'$imgalt' => $rr['filename'] '$imgalt' => $rr['filename'],
'$desc'=> $rr['desc']
)); ));
} }

View file

@ -1,5 +1,8 @@
<div class="photo-album-image-wrapper" id="photo-album-image-wrapper-$id"> <div class="photo-album-image-wrapper" id="photo-album-image-wrapper-$id">
<a href="$photolink" class="photo-album-photo-link" id="photo-album-photo-link-$id" title="$phototitle"><img src="$imgsrc" alt="$imgalt" title="$phototitle" class="photo-album-photo" id="photo-album-photo-$id" /></a> <a href="$photolink" class="photo-album-photo-link" id="photo-album-photo-link-$id" title="$phototitle">
<img src="$imgsrc" alt="$imgalt" title="$phototitle" class="photo-album-photo" id="photo-album-photo-$id" />
<p class='caption'>$desc</p>
</a>
</div> </div>
<div class="photo-album-image-wrapper-end"></div> <div class="photo-album-image-wrapper-end"></div>

View file

@ -1586,8 +1586,22 @@ a.mail-list-link {
.photo-album-image-wrapper { .photo-album-image-wrapper {
float: left; float: left;
margin-top: 15px; margin-top: 15px;
height: 350px; margin-right: 15px;
width: 350px; width: 200px; height: 200px;
overflow: hidden;
position: relative;
}
.photo-album-image-wrapper .caption {
display: none;
width: 100%;
position: absolute;
bottom: 0px;
padding: 0.5em 0.5em 0px 0.5em;
background-color: rgba(255, 255, 255, 0.8);
margin: 0px;
}
.photo-album-image-wrapper a:hover .caption {
display:block;
} }
#photo-album-end { #photo-album-end {
@ -1595,12 +1609,22 @@ a.mail-list-link {
} }
.photo-top-image-wrapper { .photo-top-image-wrapper {
position: relative;
float: left; float: left;
margin-top: 15px; margin-top: 15px;
height: 350px; margin-right: 15px;
width: 350px; width: 200px; height: 200px;
overflow: hidden;
}
.photo-top-album-name {
width: 100%;
min-height: 2em;
position: absolute;
bottom: 0px;
padding: 0px 3px;
padding-top: 0.5em;
background-color: rgb(255, 255, 255);
} }
#photo-top-end { #photo-top-end {
clear: both; clear: both;
} }
@ -1928,3 +1952,5 @@ a.mail-list-link {
.tool-link { .tool-link {
cursor: pointer; cursor: pointer;
} }