diff --git a/mod/photos.php b/mod/photos.php index a44eb5a5f5..ebfe714a78 100644 --- a/mod/photos.php +++ b/mod/photos.php @@ -831,7 +831,7 @@ function photos_content(&$a) { $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", intval($owner_uid), dbesc($album), @@ -873,7 +873,8 @@ function photos_content(&$a) { '$photolink' => $a->get_baseurl() . '/photos/' . $a->data['user']['nickname'] . '/image/' . $rr['resource-id'], '$phototitle' => t('View Photo'), '$imgsrc' => $a->get_baseurl() . '/photo/' . $rr['resource-id'] . '-' . $rr['scale'] . '.jpg', - '$imgalt' => $rr['filename'] + '$imgalt' => $rr['filename'], + '$desc'=> $rr['desc'] )); } diff --git a/view/photo_album.tpl b/view/photo_album.tpl index 323a9cdff5..fab7d7254c 100644 --- a/view/photo_album.tpl +++ b/view/photo_album.tpl @@ -1,5 +1,8 @@ -
- $imgalt + + $imgalt +

$desc

+
+
diff --git a/view/theme/duepuntozero/style.css b/view/theme/duepuntozero/style.css index ac3562d1c0..022e0929ea 100644 --- a/view/theme/duepuntozero/style.css +++ b/view/theme/duepuntozero/style.css @@ -1586,8 +1586,22 @@ a.mail-list-link { .photo-album-image-wrapper { float: left; margin-top: 15px; - height: 350px; - width: 350px; + margin-right: 15px; + 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 { @@ -1595,12 +1609,22 @@ a.mail-list-link { } .photo-top-image-wrapper { + position: relative; float: left; margin-top: 15px; - height: 350px; - width: 350px; + margin-right: 15px; + 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 { clear: both; } @@ -1928,3 +1952,5 @@ a.mail-list-link { .tool-link { cursor: pointer; } + +