社区文档构建进行中,欢迎编辑。社区答疑群(非官方):717421103,点点小课堂(腾讯会议):5696651544

全站通知:

模板:图片放大

来自WIKI实验室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时表现不一致;多个连写时首个图片后换行)。测试页面:图片放大测试