边狱公司已于2023年2月27日正式开始运营!!!
本WIKI是由用户
申请于2023年04月25日创建的非官方中文维基百科,无偿为各位管理人提供游戏数据、攻略等游戏相关内容。
WIKI现在仍处于初期建设阶段,全站编辑权限均开放,欢迎各位管理人收藏起来防止迷路,也希望有爱的小伙伴加入我们一同参与编辑,一起构建WIKI~(´▽`ʃ♡ƪ)
移动端收藏本站:BWIKI收藏到桌面的方法说明
有问必答板 反馈群:453516625
全站通知:

模板:图片放大

来自边狱公司WIKI_BWIKI_哔哩哔哩
跳到导航 跳到搜索

此模板为一键安装导入,不建议手动修改。

模板

简单说明

版本:1.1

说明:点击图片可放大,兼容手机端阅读

使用说明

※注意:目前的模板写法不可换行 ※注意:手机端可能体验不佳

{{图片放大|图片名称(png格式)|默认大小(可选/默认200px)|放大后大小(可选/默认400px)|默认文字=默认文字(选填)|放大文字=放大文字(选填)}}

示例

{{图片放大|Test|200px|800px|默认文字=我是默认文字|放大文字=我是放大文字}}
文件:Test.png
我是默认文字
文件:Test.png
我是放大文字

作者

congeal_plume


依赖页面

<div class="resourceLoader" style="display:none" data-is-module="false" data-mime="" >MediaWiki:{{{1}}}</div>
<div class="resourceLoader" style="display:none" data-is-module="false" data-mime="" ></div>
<div class="showOnBox"><div class="showOn" style="width:200px"> [[file:.png|200px|link=|class=showOnImgSource]]<div></div></div> <div class="showOnImg" style="top:0; left:0;">[[file:.png|class=showOnImgBox|400px|link=]]<div class="showOnText" style="width:"></div></div></div>
$(".showOn").click(function() { var showElemnet = $(this).next(".showOnImg").clone().appendTo("body"); showElemnet.css({visibility:"visible", opacity: 1}) .click(function() { $(this).remove(); }) });

更新日志

1.0

1.1 By Lu 精简语法,修复bug(宽度为auto时表现不一致;多个连写时首个图片后换行)。测试页面:图片放大测试