本Wiki注册达5000、20000人时,有额外奖励!快分享给好友吧!
文章:点击切换图片功能介绍
阅读
2025-03-02更新
最新编辑:萌新灬小瓜
阅读:
更新日期:2025-03-02
最新编辑:萌新灬小瓜
【点击切换图片】使用方法
创建一个div,类名为“image-container”,在其中添加不带链接的图片(两张及以上),然后在div外面写入“{{#Widget:点击切换图片}}”,即可。初次使用需要刷新
当页面里有多个div容器需要用到此功能时,只需在页面中写多个div即可,widget功能只需要添加在最后
【点击切换图片】代码片段
可复制以下代码使用,修改图片即可
<div class="image-container"> [[文件:武器皮肤-AUG-行星动力.png|link=]] [[文件:武器皮肤-AUG-星穹武士.png|link=]] [[文件:武器皮肤-M590A1-玉蛇纹金.png|link=]] [[文件:武器皮肤-M590A1-青帝东来.png|link=]] </div> {{#Widget:点击切换图片}}
【点击切换图片】功能展示
以下代码是实现本页面功能的:
<div class="image-container"> [[文件:武器皮肤-AUG-星穹武士.png|link=]][[文件:武器皮肤-AUG-行星动力.png|link=]][[文件:武器皮肤-镰刀-光影奏鸣.png|link=]][[文件:武器皮肤-HK416-可露凯.png|link=]][[文件:武器皮肤-M590A1-青帝东来.png|link=]] </div> <div class="image-container"> [[文件:武器皮肤-AUG-行星动力.png|link=]] [[文件:武器皮肤-AUG-星穹武士.png|link=]] [[文件:武器皮肤-M590A1-玉蛇纹金.png|link=]] [[文件:武器皮肤-M590A1-青帝东来.png|link=]] </div> {{#Widget:点击切换图片}}