| ◆少前百科是非盈利性、非官方的少女前线维基百科。 ◆如果您发现某些内容错误/空缺，请勇于修正/添加！参与进来其实很容易！点这里 加入少前百科。 ◆有任何意见、建议、纠错，欢迎在 GFwiki:反馈与建议 提出和讨论。编辑事务讨论QQ群：597764980，微博@GFwiki少前百科 ◆To foreigners，You can use twitter to contact us. |
|
“Widget:ProfileCard/sandbox”的版本间的差异
小 |
小 |
||
| （未显示同一用户的3个中间版本） | |||
| 第5行： | 第5行： | ||
right: 0; | right: 0; | ||
border: 1px solid grey; | border: 1px solid grey; | ||
| − | |||
| − | |||
text-align: center; | text-align: center; | ||
line-height: 50vh; | line-height: 50vh; | ||
| 第28行： | 第26行： | ||
view.src = root + "/images/" + path; | view.src = root + "/images/" + path; | ||
var ratioString = $(this).parent()[0].getAttribute("data-aspect-ratio"); | var ratioString = $(this).parent()[0].getAttribute("data-aspect-ratio"); | ||
| − | var box = this.getBoundingClientRect() | + | var box = this.getBoundingClientRect(); |
if(ratioString && box) { | if(ratioString && box) { | ||
var ratio = ratioString.split(":"); | var ratio = ratioString.split(":"); | ||
var imgWidth = parseFloat(ratio[0]); | var imgWidth = parseFloat(ratio[0]); | ||
var imgHeight = parseFloat(ratio[1]); | var imgHeight = parseFloat(ratio[1]); | ||
| + | var availWidth = $(document.body).width() - box.right; | ||
var availHeight = $(document.body).height(); | var availHeight = $(document.body).height(); | ||
| − | var scale = Math.min( | + | var scale = Math.min(availWidth/imgWidth, availHeight/imgHeight) * 0.99; |
| − | + | var width = imgWidth * scale; | |
| − | + | var height = imgHeight * scale; | |
| − | view.style.top = (availHeight - | + | view.width = width; |
| + | view.height = height; | ||
| + | view.style.width = width + "px"; | ||
| + | view.style.height = height + "px"; | ||
| + | view.style.top = (availHeight - height)/2 + "px"; | ||
} | } | ||
view.style.visibility = "visible"; | view.style.visibility = "visible"; | ||
