lxm_front/eruda
1
0
Fork 0
mirror of https://github.com/liriliri/eruda.git synced 2026-02-02 09:49:00 +08:00
Code Issues Projects Releases Wiki Activity

Dev: Improve view for small images

Browse Source
This commit is contained in:
surunzi
2018-01-23 20:42:08 +08:00
parent 42de1e2eac
commit fd925cffc3
1 changed files with 19 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/Resources/Resources.js
View File

@@ -386,12 +386,28 @@ export default class Resources extends Tool
let $imgList = this._$el.find('.eruda-image-list');
let itemWidth = ($imgList.offset().width - 20) / 4.0;
$imgList.find('li').css('width', itemWidth);
let columnWidth = ($imgList.offset().width - 20) / 80,
maxItemWidth = columnWidth * 20;
$imgList.find('li').each(function ()
{
let $this = $(this),
img = $this.find('img').get(0);
let itemWidth = columnWidth,
imgWidth = img.naturalWidth || 0;
while (imgWidth > itemWidth && itemWidth < maxItemWidth)
{
itemWidth += columnWidth;
}
$this.css('width', itemWidth);
});
new Masonry($imgList.get(0), {
itemSelector: 'li',
columnWidth: itemWidth
columnWidth
});
}
_renderHtml(html)