◆少前百科是非盈利性、非官方的少女前线维基百科。
◆如果您发现某些内容错误/空缺,请勇于修正/添加!参与进来其实很容易!点这里 加入少前百科
◆有任何意见、建议、纠错,欢迎在 GFwiki:反馈与建议 提出和讨论。编辑事务讨论QQ群:597764980,微博@GFwiki少前百科
◆To foreigners,You can use twitter to contact us.
Icon Nyto Silver.png

Widget talk:ProfileCard/total

来自少前百科GFwiki
Kanakana讨论 | 贡献2021年7月27日 (二) 01:18的版本 (对比一下了名片的高宽比)
跳转至: 导航搜索

大预览图好大

看不到全图。如果我没有理解错的话,<includeonly> 里应该是可以带 <style> 的?折腾了一下 CSS 样式,但是想不到什么好的方法:

<includeonly><style>
#profilecardview {
    position: fixed;
    top: 0;
    right: 0;
    border: 1px solid grey;
    width: 50vw;
    height: 28.125vw;
    text-align: center;
    line-height: 28.125vw;
}
.profilecard img:hover {
  box-shadow: 0 0 12px 2px #eaeaea;
}
</style>
<script type="text/javascript">(window.RLQ=window.RLQ||[]).push(function(){
var view = new Image();
view.setAttribute("width", "1024px");
view.setAttribute("height", "576px"); // 原来是 760px 的,但是 16:9 图片应该是 576px ?
view.setAttribute("id", "profilecardview");
view.setAttribute("alt", "加载中");
view.style.visibility = "hidden";
document.querySelector("#bodyContent").appendChild(view);

function display(element){
    var scrstr = this.getAttribute("src");
    view.setAttribute("src", "http://www.gfwiki.org/images/" + scrstr.slice(14, scrstr.indexOf("/" + Number($(this).width()) +"px")));
    view.style.visibility = "visible";
}
function undisplay(){
    view.style.visibility = "hidden";
    view.setAttribute("src", "");
}

var card = $(".profilecard").children().children().children("img");
card.mouseover(display);
card.mouseout(undisplay);
})</script></includeonly>

Kanakana讨论) 2021年7月26日 (一) 14:08 (CST)

@Kanakana你好,我是这个工具的作者QAQ,自适应确实存在问题,是因为我当初只是一时兴起,并没有考虑太多,也并没有继续更新和完善的计划。而且即便到现在,少前百科的其他方面仍需我做出更多努力
当时的生产工具是谷歌浏览器,浏览器内窗口大小为1920×936,只是选择了一个适合当时窗口大小的样式,并未做自适应。如果你对这里感兴趣的话,我可以联系行政员给你一个小工具编辑者的权限,可以自己调试、更改
另外,比例并不是16:9,你可以仔细看一下,如果是16:9的话会有明显的形变,至于真实比例究竟是多少我也不太清楚,当初只是随便挑选了一个合适比例
另外,你的图链坏了-- 讨论) 2021年7月26日 (一) 22:14 (CST)

@莹lolo 谢谢大佬回复!有编辑权限的话我可以继续尝试完善一下这个widget,其它方面的维护如果可以的话我也会尽量熟悉一下。谢谢大佬!
(另外刚刚去对比了一下名片图像比例,发现可能不是什么常见的比例……(我这次换一个图床试试
https://i0.hdslb.com/bfs/album/bb59927b274213873dad2c0a26adcfdc184a160d.png
https://i0.hdslb.com/bfs/album/02d491216fa3bebfa3d16f03bceca4a53b574e1a.png
从手机截了图验证了镜像论框框的确是正方形,然后计算出来比例是 tan(59.69deg)=1.7106 (16:9=1.7778,4:3=1.3333),按 16:9 来缩放也是发现两个图没法重合……我之后找些其它名片背景看一下是不是都是这个比例 Kanakana讨论) 2021年7月27日 (二) 01:17 (CST)