分享 V2EX 设置:鼠标悬停图片时自动放大

66 天前
 forty

我自己用了挺久的,觉得不错就分享一下,不知道是否有人发过了。

因为 V 站页面的风格,图片显示时往往比较小,导致很多时候看不清,而需要点击图片在新窗口打开图片,方便快捷程度上,都不如鼠标悬停到图片上时立即放大。

设置方法:点击 V2EX 右上角的“设置”,在设置页面滚动到下方找到“自定义 CSS”,将下面的代码粘贴进去保存即可。 代码中的 scale(2) 是放大倍数,你可以把 2 改为适合你屏幕的倍数。

/* 悬停图片放大 2 倍 */
.topic_content img:hover, .reply_content img:hover {transform:scale(2);}

不需要用插件或者油猴脚本,就能实现,也是挺方便的。

另外我使用的一些其它 V2EX 自定义 CSS:

/* 隐藏头像 */
img.avatar, .avatar img { display: none; }

/* 修改链接颜色 */
a.topic-link:active, a.topic-link:link { color: #00796B; }
.no, .ago {color:#333;}
1473 次点击
所在节点    分享创造
16 条回复
UEVdugfw
65 天前
感谢,实用
UEVdugfw
65 天前
图片放大请教,这放大好像只在图片楼层,会显示不全
SimonOne
65 天前
测试
gcgj72
65 天前
还有自定义 css 功能 实用啊
forty
65 天前
@UEVdugfw 怎么个不全?你截个图看看? 如果图片较大,可能会超出屏幕,你把图片滚动到窗口中央再放鼠标上去试试。
K2
65 天前
UEVdugfw
65 天前
@forty #5 带图的帖子找不到了,op 能给个 url ?我截图
forty
64 天前
N6D6j6ko0VGTXkGg
64 天前
我吧图片放在这里,试一试呢 ![1728893311425.jpg]( https://img.byabstudio.com/file/d15c6f0e92f0aa97a7717-7bdc18425fe098e283.png)
N6D6j6ko0VGTXkGg
64 天前
我吧图片放在这里,试一试呢 [img]https://img.byabstudio.com/file/d15c6f0e92f0aa97a7717-7bdc18425fe098e283.png[/img]
N6D6j6ko0VGTXkGg
64 天前
UEVdugfw
64 天前
@forty #8 嗯嗯,你说的应该是 op 发的内容吧。你发的 url ,能正常显示。
我之前使的是楼层中的图片,下面动图是 https://www.v2ex.com/t/1081394?p=2 中 xz410236056 的回复

https://sm.ms/image/7IDX8A2OMaeJzSi

再比如 https://www.v2ex.com/t/702400 中 Dvel 发的图。

此外,楼层中 css 放大图片,还存在部分内容不显示的情况
N6D6j6ko0VGTXkGg
64 天前
N6D6j6ko0VGTXkGg
64 天前
forty
62 天前
@japhetJiu 你贴的图我 1 个都打不开。要么 404 ,要么弹下载框。

V 站只支持 imgur.com 图床,以及 V 站自己的付费图床 i.v2ex.co (官方说明: https://www.v2ex.com/help/markdown )
N6D6j6ko0VGTXkGg
61 天前
@forty 嗯,是的,我知道,https://img.byabstudio.com/ 这个是我用开源项目自己搭建的一个图床测试好玩用的,这个图片是上传到 tg 的,免费白嫖的,我后面发的几个图片链接是可以看的,他这个转成了直链,访问会直接下载到本地,然后通过 wps 图片就可以看到内容, 你也可以自己去搭建玩玩

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/1081224

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX