before和after短代码将允许您显示两个图像,它们之间有一个滑块。访问者可以前后移动滑块,在前后图像之间切换。
例子


属性
名字 | 可能的值 | 要求 | 笔记 |
---|---|---|---|
类 | 宽或广场 | 否 | 配置图像的形状 |
图像大小
before和after短代码将根据您提供的类名显示图像。使用square类将创建一个1:1的图像,wide类将创建一个16:9的图像,而将class留空将创建一个4:3的图像。
推荐图片尺寸
- 违约方面
- 2000×1500
- 广泛的方面
- 1920×1080
- 方方面
- 1500×1500
代码示例
要使用前后短代码,请复制并粘贴以下示例:
[[beforeandafter class="wide"] <img src=“/university-communications/wp-content/uploads/sites/144/2024/12/kasser-day-1024x576.jpg“ alt=”白天的Kasser剧院” width="1024" height="576" class="alignnone size-large wp-image-3638" /><img src=“/university-communications/wp-content/uploads/sites/144/2024/12/kasser-night-1024x576.jpg“ alt=”夜间的Kasser剧院” width="1024" height="576" class="alignnone size-large wp-image-3639" />[/ beforeandafter]]