公众号横滑画廊 · 生成器

纯 CSS 方案,不依赖 JS。填链接 → 复制 → 粘贴进公众号编辑器。

1贴图片链接

链接必须是 http(s) 开头的公网地址。最稳的做法:在公众号后台「素材库 → 图片」里先上传这 20 张,然后逐个右键「复制链接」贴进来。外链图有时会被微信拦截。

想露一点下一张,就别填 100

3HTML 源码

4怎么用

  1. 公众号后台新建图文,正文里先留个空位。
  2. 回到本页面,点第 2 步的「复制」按钮。
  3. 点进正文空位,Ctrl/⌘+V。图片和横滑结构会一起进来。
  4. 手机上预览,手指左右滑试试。
几个坑,提前说:
· 微信不执行 JS,任何轮播插件都贴不进去,只能用这种原生滚动。
· 复制前必须先在本页渲染出来(图片显示出来了再复制),空链接不会被带过去。
· 图片宽度建议统一,混合横竖构图会被拉不齐,看着别扭。
· 单张 1080px 宽、控制在 500KB 以内,移动端加载快,也够清晰。
· 贴进去发现滑不动,多半是外层结构被编辑器吞了,重粘一次通常就好。

2实时预览(手机视图)

点了没反应?手动拖选预览区的图和文字,Ctrl/⌘+C,再粘到公众号里。