查看原文
其他

公众号又改图片规则!

小编备用 2022-07-02



  谢 特 妈 惹 法 克  



#图片跳转效果失效


 麻痹 :微信公众号改版后,除了封面图等明显的操蛋变化外,一些细节也在默默改变。比如今天下午图片跳转的交互效果失灵了,GL 之前做的所有基于 CSS 的 opacity 属性实现的交互图文全部扑街(感谢奇点新媒体研究所的小伙伴提醒)。近期推送的交互图表、交互地图也正式宣布凉凉。


用不透明度属性来模拟图片跳转的图文交互效果最早是「小编备用」早期的一系列推送(该文效果原本是点击赞赏按钮,弹出赞赏码,规则修改后赞赏码图片无法点击弹出)应用的,GL 还写过一些不怎么实用的教程(不用点链接了,反正已经凉了)。后来我们探索出这一创意的普遍规律和思维方式后也应用于各行业品牌的图文定制中。包括很多第三方编辑器也应用类似的原理制作出引导关注的二维码跳转模板。遗憾的是上述这些辉煌的过去于今天下午宣布凉凉。


 解决方案 :得知规则修改后 GL 从床上爬起来开始日代码,毕竟要对得起 GL 最帅这四个字。一番折腾后,GL 决定采用图片本身不透明度来替代宣告凉凉的 opacity ,并使用 overflow:hidden 来隐藏子元素相对于父元素的超界溢出,最终做出了与之前交互效果类似的形式(点击文首赞赏按钮可以跳转出赞赏图片)。


如果明天早上醒过来,微信决定回复原来的规则,我就上天台。如果微信继续保持这个蜜汁更改,各位新媒体编辑可以尝试采取上述解决方案。当然,如果你有其他解决方案,也欢迎留言与 GL 后宫的小朋友们一起探讨。



 规则是活的,GL也是活的 

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存