arno/lychee
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Display photo title on hover, if title is too long for the overlay

Browse Source
This commit is contained in:
Tobias Reich 2014-01-28 22:56:03 +01:00
parent 20c3717651
commit bf24b74dc5
3 changed files with 18 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
assets/js/min/main.js
View File

File diff suppressed because one or more lines are too long

8
assets/js/modules/build.js
View File

@ -63,14 +63,18 @@ build = {
if (!photoJSON) return ""; if (!photoJSON) return "";
var photo = "", var photo = "",
longTitle = "",
title = photoJSON.title; title = photoJSON.title;
if (title.length>18) title = photoJSON.title.substr(0, 18) + "..."; if (title.length>18) {
title = photoJSON.title.substr(0, 18) + "...";
longTitle = photoJSON.title;
}
photo += "<div class='photo' data-album-id='" + photoJSON.album + "' data-id='" + photoJSON.id + "'>"; photo += "<div class='photo' data-album-id='" + photoJSON.album + "' data-id='" + photoJSON.id + "'>";
photo += "<img src='" + photoJSON.thumbUrl + "' width='200' height='200' alt='thumb'>"; photo += "<img src='" + photoJSON.thumbUrl + "' width='200' height='200' alt='thumb'>";
photo += "<div class='overlay'>"; photo += "<div class='overlay'>";
photo += "<h1>" + title + "</h1>"; photo += "<h1 title='" + longTitle + "'>" + title + "</h1>";
photo += "<a>" + photoJSON.sysdate + "</a>"; photo += "<a>" + photoJSON.sysdate + "</a>";
photo += "</div>"; photo += "</div>";

14
assets/js/modules/view.js
View File

@ -167,8 +167,8 @@ view = {
if (albums.json.content[albumID].password) prefix = "<span class='icon-lock'></span> "; if (albums.json.content[albumID].password) prefix = "<span class='icon-lock'></span> ";
if (title.length>18) { if (title.length>18) {
longTitle = title;
title = title.substr(0, 18) + "..."; title = title.substr(0, 18) + "...";
longTitle = albums.json.content[albumID].title;
} }
$(".album[data-id='" + albumID + "'] .overlay h1") $(".album[data-id='" + albumID + "'] .overlay h1")
@ -262,11 +262,17 @@ view = {
title: function(photoID) { title: function(photoID) {
var title = album.json.content[photoID].title; var longTitle = "",
title = album.json.content[photoID].title;
if (title.length>18) title = title.substr(0, 18) + "..."; if (title.length>18) {
longTitle = title;
title = title.substr(0, 18) + "...";
}
$(".photo[data-id='" + photoID + "'] .overlay h1").html(title); $(".photo[data-id='" + photoID + "'] .overlay h1")
.html(title)
.attr("title", longTitle);
}, },