markus/photofloat
1
0
Fork 0
Code Issues 1 Pull Requests Releases Wiki Activity

Store ratio for determining stretch direction.

Browse Source
This commit is contained in:
Jason A. Donenfeld 2011-07-11 15:28:18 -04:00
parent 725cb85cdb
commit 291dba972f
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web/js/011-display.js
View File

@ -146,7 +146,7 @@ $(document).ready(function() {
if (image.get(0) === this) if (image.get(0) === this)
$(window).bind("resize", scaleImage); $(window).bind("resize", scaleImage);
container = $("#photo-view"); container = $("#photo-view");
if (image.css("width") !== "100%" && container.height() * image.width() / image.height() > container.width()) if (image.css("width") !== "100%" && container.height() * image.attr("ratio") > container.width())
image.css("width", "100%").css("height", "auto").css("position", "absolute").css("bottom", 0); image.css("width", "100%").css("height", "auto").css("position", "absolute").css("bottom", 0);
else if (image.css("height") !== "100%") else if (image.css("height") !== "100%")
image.css("height", "100%").css("width", "auto").css("position", "").css("bottom", ""); image.css("height", "100%").css("width", "auto").css("position", "").css("bottom", "");
@ -166,7 +166,7 @@ $(document).ready(function() {
$(window).unbind("resize", scaleImage); $(window).unbind("resize", scaleImage);
photoSrc = photoFloat.photoPath(currentAlbum, currentPhoto, maxSize, false); photoSrc = photoFloat.photoPath(currentAlbum, currentPhoto, maxSize, false);
$("#photo") $("#photo")
.attr("width", width).attr("height", height) .attr("width", width).attr("height", height).attr("ratio", currentPhoto.size[0] / currentPhoto.size[1])
.attr("src", photoSrc) .attr("src", photoSrc)
.attr("alt", currentPhoto.name) .attr("alt", currentPhoto.name)
.attr("title", currentPhoto.date) .attr("title", currentPhoto.date)