V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
forty
V2EX  ›  分享创造

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

  •  2
     
  •   forty · 70 天前 · 1479 次点击
    这是一个创建于 70 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    因为 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;}
    
    16 条回复    2024-10-21 18:05:52 +08:00
    UEVdugfw
        1
    UEVdugfw  
       70 天前
    感谢,实用
    UEVdugfw
        2
    UEVdugfw  
       70 天前
    图片放大请教,这放大好像只在图片楼层,会显示不全
    SimonOne
        3
    SimonOne  
       69 天前
    测试
    gcgj72
        4
    gcgj72  
       69 天前
    还有自定义 css 功能 实用啊
    forty
        5
    forty  
    OP
       69 天前
    @UEVdugfw 怎么个不全?你截个图看看? 如果图片较大,可能会超出屏幕,你把图片滚动到窗口中央再放鼠标上去试试。
    UEVdugfw
        7
    UEVdugfw  
       69 天前
    @forty #5 带图的帖子找不到了,op 能给个 url ?我截图
    forty
        8
    forty  
    OP
       68 天前
    N6D6j6ko0VGTXkGg
        9
    N6D6j6ko0VGTXkGg  
       68 天前
    我吧图片放在这里,试一试呢 ![1728893311425.jpg]( https://img.byabstudio.com/file/d15c6f0e92f0aa97a7717-7bdc18425fe098e283.png)
    N6D6j6ko0VGTXkGg
        10
    N6D6j6ko0VGTXkGg  
       68 天前
    我吧图片放在这里,试一试呢 [img]https://img.byabstudio.com/file/d15c6f0e92f0aa97a7717-7bdc18425fe098e283.png[/img]
    UEVdugfw
        12
    UEVdugfw  
       68 天前
    @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 放大图片,还存在部分内容不显示的情况
    forty
        15
    forty  
    OP
       66 天前
    @japhetJiu 你贴的图我 1 个都打不开。要么 404 ,要么弹下载框。

    V 站只支持 imgur.com 图床,以及 V 站自己的付费图床 i.v2ex.co (官方说明: https://www.v2ex.com/help/markdown )
    N6D6j6ko0VGTXkGg
        16
    N6D6j6ko0VGTXkGg  
       65 天前
    @forty 嗯,是的,我知道,https://img.byabstudio.com/ 这个是我用开源项目自己搭建的一个图床测试好玩用的,这个图片是上传到 tg 的,免费白嫖的,我后面发的几个图片链接是可以看的,他这个转成了直链,访问会直接下载到本地,然后通过 wps 图片就可以看到内容, 你也可以自己去搭建玩玩
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   4678 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 21ms · UTC 09:59 · PVG 17:59 · LAX 01:59 · JFK 04:59
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.