Widget:OuterImage - 版本历史

Bhsd：//使用页面/文本对比查看器快速编辑

2022-05-17T11:52:34Z

←上一版本		2022年5月17日 (二) 19:52的版本
第1行：		第1行：
	<noinclude>{{doc\|content=用于在讨论页插入外部图片。请使用{{tl\|外部图片}}调用。}}[[category:混合小部件]]		<noinclude>{{doc\|content=用于在讨论页插入外部图片。请使用{{tl\|外部图片}}调用。}}[[category:混合小部件]]
	<p>JavaScript脚本：[[User:Bhsd/widget/outerImage.js]]</p></noinclude><includeonly><img src="https://<!--{$src\|escape:urlpathinfo}-->"><!--{if !isset($wgOuterImage) \|\| !$wgOuterImage}--><!--{assign var="wgOuterImage" value=true scope="global"}--><script defer src='/~~/cdn.jsdelivr.net/gh/~~bhsd~~-harry/LLWiki@1.2~~/widget/outerImage~~.min~~.js'></script><style>		<p>JavaScript脚本：[[User:Bhsd/widget/outerImage.js]]</p></noinclude><includeonly><img src="https://<!--{$src\|escape:urlpathinfo}-->"><!--{if !isset($wgOuterImage) \|\| !$wgOuterImage}--><!--{assign var="wgOuterImage" value=true scope="global"}--><script defer src='/zh?title=user:bhsd/widget/outerImage.js&action=raw&ctype=text/javascript'></script><style>
	/* </includeonly>CSS样式表：<pre lang="css"> */		/* </includeonly>CSS样式表：<pre lang="css"> */
	.outerImage { /* 外层容器，防窄屏上图片过宽 */		.outerImage { /* 外层容器，防窄屏上图片过宽 */

Bhsd：使用GitHub上的稳定版本 //使用页面/文本对比查看器快速编辑

2021-02-13T14:59:27Z

使用GitHub上的稳定版本 //使用页面/文本对比查看器快速编辑

←上一版本		2021年2月13日 (六) 22:59的版本
第1行：		第1行：
			<noinclude>{{doc\|content=用于在讨论页插入外部图片。请使用{{tl\|外部图片}}调用。}}[[category:混合小部件]]
	<~~noinclude~~>~~{{doc\|content=用于{{tl\|外部图片}}。}}~~[[~~category~~:~~混合小部件~~]]</noinclude><includeonly><img src="https://<!--{$src\|escape:urlpathinfo}-->"><!--{if !isset($wgOuterImage) \|\| !$wgOuterImage}--><!--{assign var="wgOuterImage" value=true scope="global"}--><script defer src='/~~zh?title=<~~/~~includeonly><noinclude><p>JavaScript脚本：[[<~~/~~noinclude>User:Bhsd~~/widget/outerImage.js~~<noinclude>]]</p></noinclude><includeonly>&action=raw&ctype=text/javascript~~'></script><style>		<p>JavaScript脚本：[[User:Bhsd/widget/outerImage.js]]</p></noinclude><includeonly><img src="https://<!--{$src\|escape:urlpathinfo}-->"><!--{if !isset($wgOuterImage) \|\| !$wgOuterImage}--><!--{assign var="wgOuterImage" value=true scope="global"}--><script defer src='//cdn.jsdelivr.net/gh/bhsd-harry/LLWiki@1.2/widget/outerImage.min.js'></script><style>
	/* </includeonly>CSS样式表：<pre lang="css"> */		/* </includeonly>CSS样式表：<pre lang="css"> */
	.outerImage { /* 外层容器，防窄屏上图片过宽 */		.outerImage { /* 外层容器，防窄屏上图片过宽 */

Bhsd：//使用页面/文本对比查看器快速编辑

2021-02-10T14:41:34Z

//使用页面/文本对比查看器快速编辑

←上一版本		2021年2月10日 (三) 22:41的版本
第4行：		第4行：
	overflow-x: auto;		overflow-x: auto;
	max-width: 100%;		max-width: 100%;
			vertical-align: bottom; /* Safari */
	}		}
	.outerImage > div { /* 内层容器，可以裁剪 */		.outerImage > div { /* 内层容器，可以裁剪 */
第11行：		第12行：
	position: relative;		position: relative;
	pointer-events: none;		pointer-events: none;
	width: ~~100px~~ !important;		width: 50px !important;
	height: ~~100px~~ !important;		height: 50px !important;
	}		}
	.badImage::before {		.badImage::before {

Bhsd：//使用页面/文本对比查看器快速编辑

2021-02-10T14:28:20Z

//使用页面/文本对比查看器快速编辑

←上一版本		2021年2月10日 (三) 22:28的版本
第3行：		第3行：
	.outerImage { /* 外层容器，防窄屏上图片过宽 */		.outerImage { /* 外层容器，防窄屏上图片过宽 */
	overflow-x: auto;		overflow-x: auto;
			max-width: 100%;
	}		}
	.outerImage > div { /* 内层容器，可以裁剪 */		.outerImage > div { /* 内层容器，可以裁剪 */
	overflow: hidden;		overflow: hidden;
⚫	position: relative;
	}		}
	.badImage {		.badImage {
		⚫	position: relative;
	pointer-events: none;		pointer-events: none;
	width: 100px !important;		width: 100px !important;

Bhsd：//使用页面/文本对比查看器快速编辑

2021-02-10T14:18:09Z

//使用页面/文本对比查看器快速编辑

←上一版本		2021年2月10日 (三) 22:18的版本
第1行：		第1行：
	<noinclude>{{doc\|content=用于{{tl\|外部图片}}。}}[[category:混合小部件]]</noinclude><includeonly><img src="https://<!--{$src\|escape:urlpathinfo}-->~~" class="error~~"><!--{if !isset($wgOuterImage) \|\| !$wgOuterImage}--><!--{assign var="wgOuterImage" value=true scope="global"}--><script defer src='/zh?title=</includeonly><noinclude><p>JavaScript脚本：[[</noinclude>User:Bhsd/widget/outerImage.js<noinclude>]]</p></noinclude><includeonly>&action=raw&ctype=text/javascript'></script><style>		<noinclude>{{doc\|content=用于{{tl\|外部图片}}。}}[[category:混合小部件]]</noinclude><includeonly><img src="https://<!--{$src\|escape:urlpathinfo}-->"><!--{if !isset($wgOuterImage) \|\| !$wgOuterImage}--><!--{assign var="wgOuterImage" value=true scope="global"}--><script defer src='/zh?title=</includeonly><noinclude><p>JavaScript脚本：[[</noinclude>User:Bhsd/widget/outerImage.js<noinclude>]]</p></noinclude><includeonly>&action=raw&ctype=text/javascript'></script><style>
	/* </includeonly>CSS样式表：<pre lang="css"> */		/* </includeonly>CSS样式表：<pre lang="css"> */
	.outerImage { /* 外层容器，防窄屏上图片过宽 */		.outerImage { /* 外层容器，防窄屏上图片过宽 */
第10行：		第10行：
	.badImage {		.badImage {
	pointer-events: none;		pointer-events: none;
			width: 100px !important;
			height: 100px !important;
	}		}
	.badImage::before {		.badImage::before {
第26行：		第28行：
	width: 100%;		width: 100%;
	height: 100%;		height: 100%;
			}
			.badImage img {
			display: none;
	}		}
	/* </pre><includeonly> */		/* </pre><includeonly> */

Bhsd：//使用页面/文本对比查看器快速编辑

2021-02-10T14:12:39Z

//使用页面/文本对比查看器快速编辑

←上一版本		2021年2月10日 (三) 22:12的版本
第7行：		第7行：
	overflow: hidden;		overflow: hidden;
	position: relative;		position: relative;
⚫	}
⚫	.outerImage .external { /* 只要JS */
⚫	background-image: none;
⚫	padding-right: 0;
	}		}
	.badImage {		.badImage {
第22行：		第18行：
	background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjMDAwMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMzAgMzAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01NzAgLTgwKSI+PGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGNpcmNsZSBjeD0iNTc5IiBjeT0iOTIiIHI9IjIiPjwvY2lyY2xlPjxwb2x5Z29uIHBvaW50cz0iNTkwLjkwOCw4NiA1OTAuMzE1LDg4IDU5NSw4OCA1OTUsMTAzIDU4NS44NzEsMTAzIDU4NS4yNzgsMTA1IDU5NywxMDUgNTk3LDg2ICAgIj48L3BvbHlnb24+PHBhdGggZD0iTTU4Ni4xNjcsMTAySDU4OGg2di0yLjg1N2MtMS45OTctMi43NzYtMi45NTQtNi42NTctNC44ODMtNy4wOThMNTg2LjE2NywxMDJ6Ij48L3BhdGg+PHBhdGggZD0iTTU4OC4wNDEsODEuNzE2TDU4Ni43NzEsODZINTczdjE5aDguMTQzbC0xLjEwMiwzLjcxNmwxLjkxOCwwLjU2OGw4LTI3TDU4OC4wNDEsODEuNzE2eiBNNTgzLjMxLDk3LjY4MiAgICBjLTAuNjY4LTAuODYxLTEuMzQtMS4zOTYtMi4wNi0xLjM5NmMtMS45NTUsMC0yLjY3NCw0LjE1Ny01LjI1LDQuOTk5VjEwMmgyLjI1aDMuNzgxbC0wLjI5NiwxSDU3NVY4OGgxMS4xOEw1ODMuMzEsOTcuNjgyeiI+PC9wYXRoPjwvZz48L2c+PC9zdmc+");		background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjMDAwMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMzAgMzAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01NzAgLTgwKSI+PGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGNpcmNsZSBjeD0iNTc5IiBjeT0iOTIiIHI9IjIiPjwvY2lyY2xlPjxwb2x5Z29uIHBvaW50cz0iNTkwLjkwOCw4NiA1OTAuMzE1LDg4IDU5NSw4OCA1OTUsMTAzIDU4NS44NzEsMTAzIDU4NS4yNzgsMTA1IDU5NywxMDUgNTk3LDg2ICAgIj48L3BvbHlnb24+PHBhdGggZD0iTTU4Ni4xNjcsMTAySDU4OGg2di0yLjg1N2MtMS45OTctMi43NzYtMi45NTQtNi42NTctNC44ODMtNy4wOThMNTg2LjE2NywxMDJ6Ij48L3BhdGg+PHBhdGggZD0iTTU4OC4wNDEsODEuNzE2TDU4Ni43NzEsODZINTczdjE5aDguMTQzbC0xLjEwMiwzLjcxNmwxLjkxOCwwLjU2OGw4LTI3TDU4OC4wNDEsODEuNzE2eiBNNTgzLjMxLDk3LjY4MiAgICBjLTAuNjY4LTAuODYxLTEuMzQtMS4zOTYtMi4wNi0xLjM5NmMtMS45NTUsMC0yLjY3NCw0LjE1Ny01LjI1LDQuOTk5VjEwMmgyLjI1aDMuNzgxbC0wLjI5NiwxSDU3NVY4OGgxMS4xOEw1ODMuMzEsOTcuNjgyeiI+PC9wYXRoPjwvZz48L2c+PC9zdmc+");
	background-size: contain;		background-size: contain;
		⚫	}
		⚫	.outerImage .external { /* 只要JS */
		⚫	background-image: none;
		⚫	padding-right: 0;
	}		}
	.outerImage img {		.outerImage img {

Bhsd：//使用页面/文本对比查看器快速编辑

2021-02-10T14:06:20Z

//使用页面/文本对比查看器快速编辑

←上一版本		2021年2月10日 (三) 22:06的版本
第6行：		第6行：
	.outerImage > div { /* 内层容器，可以裁剪 */		.outerImage > div { /* 内层容器，可以裁剪 */
	overflow: hidden;		overflow: hidden;
			position: relative;
	}		}
	.outerImage .external { /* 只要JS */		.outerImage .external { /* 只要JS */
第13行：		第14行：
	.badImage {		.badImage {
	pointer-events: none;		pointer-events: none;
			}
			.badImage::before {
			content: "";
			position: absolute;
			width: 100%;
			height: 100%;
			background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjMDAwMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMzAgMzAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01NzAgLTgwKSI+PGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGNpcmNsZSBjeD0iNTc5IiBjeT0iOTIiIHI9IjIiPjwvY2lyY2xlPjxwb2x5Z29uIHBvaW50cz0iNTkwLjkwOCw4NiA1OTAuMzE1LDg4IDU5NSw4OCA1OTUsMTAzIDU4NS44NzEsMTAzIDU4NS4yNzgsMTA1IDU5NywxMDUgNTk3LDg2ICAgIj48L3BvbHlnb24+PHBhdGggZD0iTTU4Ni4xNjcsMTAySDU4OGg2di0yLjg1N2MtMS45OTctMi43NzYtMi45NTQtNi42NTctNC44ODMtNy4wOThMNTg2LjE2NywxMDJ6Ij48L3BhdGg+PHBhdGggZD0iTTU4OC4wNDEsODEuNzE2TDU4Ni43NzEsODZINTczdjE5aDguMTQzbC0xLjEwMiwzLjcxNmwxLjkxOCwwLjU2OGw4LTI3TDU4OC4wNDEsODEuNzE2eiBNNTgzLjMxLDk3LjY4MiAgICBjLTAuNjY4LTAuODYxLTEuMzQtMS4zOTYtMi4wNi0xLjM5NmMtMS45NTUsMC0yLjY3NCw0LjE1Ny01LjI1LDQuOTk5VjEwMmgyLjI1aDMuNzgxbC0wLjI5NiwxSDU3NVY4OGgxMS4xOEw1ODMuMzEsOTcuNjgyeiI+PC9wYXRoPjwvZz48L2c+PC9zdmc+");
			background-size: contain;
	}		}
	.outerImage img {		.outerImage img {

Bhsd：//使用页面/文本对比查看器快速编辑

2021-02-10T06:51:57Z

//使用页面/文本对比查看器快速编辑

←上一版本		2021年2月10日 (三) 14:51的版本
第1行：		第1行：
	<noinclude>{{doc\|content=用于{{tl\|外部图片}}。}}[[category:混合小部件]]</noinclude><includeonly><img src="https://<!--{$src\|escape:urlpathinfo}-->~~" alt="~~" class="error"><!--{if !isset($wgOuterImage) \|\| !$wgOuterImage}--><!--{assign var="wgOuterImage" value=true scope="global"}--><script defer src='/zh?title=</includeonly><noinclude><p>JavaScript脚本：[[</noinclude>User:Bhsd/widget/outerImage.js<noinclude>]]</p></noinclude><includeonly>&action=raw&ctype=text/javascript'></script><style>		<noinclude>{{doc\|content=用于{{tl\|外部图片}}。}}[[category:混合小部件]]</noinclude><includeonly><img src="https://<!--{$src\|escape:urlpathinfo}-->" class="error"><!--{if !isset($wgOuterImage) \|\| !$wgOuterImage}--><!--{assign var="wgOuterImage" value=true scope="global"}--><script defer src='/zh?title=</includeonly><noinclude><p>JavaScript脚本：[[</noinclude>User:Bhsd/widget/outerImage.js<noinclude>]]</p></noinclude><includeonly>&action=raw&ctype=text/javascript'></script><style>
	/* </includeonly>CSS样式表：<pre lang="css"> */		/* </includeonly>CSS样式表：<pre lang="css"> */
	.outerImage { /* 外层容器，防窄屏上图片过宽 */		.outerImage { /* 外层容器，防窄屏上图片过宽 */

Bhsd：//使用页面/文本对比查看器快速编辑

2021-02-10T06:49:41Z

//使用页面/文本对比查看器快速编辑

←上一版本		2021年2月10日 (三) 14:49的版本
第1行：		第1行：
	<noinclude>{{doc\|content=用于{{tl\|外部图片}}。}}[[category:混合小部件]]</noinclude><includeonly><img src="https://<!--{$src\|escape:urlpathinfo}-->" class="error"><!--{if !isset($wgOuterImage) \|\| !$wgOuterImage}--><!--{assign var="wgOuterImage" value=true scope="global"}--><script defer src='/zh?title=</includeonly><noinclude><p>JavaScript脚本：[[</noinclude>User:Bhsd/widget/outerImage.js<noinclude>]]</p></noinclude><includeonly>&action=raw&ctype=text/javascript'></script><style>		<noinclude>{{doc\|content=用于{{tl\|外部图片}}。}}[[category:混合小部件]]</noinclude><includeonly><img src="https://<!--{$src\|escape:urlpathinfo}-->" alt="" class="error"><!--{if !isset($wgOuterImage) \|\| !$wgOuterImage}--><!--{assign var="wgOuterImage" value=true scope="global"}--><script defer src='/zh?title=</includeonly><noinclude><p>JavaScript脚本：[[</noinclude>User:Bhsd/widget/outerImage.js<noinclude>]]</p></noinclude><includeonly>&action=raw&ctype=text/javascript'></script><style>
	/* </includeonly>CSS样式表：<pre lang="css"> */		/* </includeonly>CSS样式表：<pre lang="css"> */
	.outerImage { /* 外层容器，防窄屏上图片过宽 */		.outerImage { /* 外层容器，防窄屏上图片过宽 */

Bhsd：//使用页面/文本对比查看器快速编辑

2021-02-10T06:44:07Z

//使用页面/文本对比查看器快速编辑

←上一版本		2021年2月10日 (三) 14:44的版本
第1行：		第1行：
	<noinclude>{{doc\|content=用于{{tl\|外部图片}}。}}[[category:混合小部件]]</noinclude><includeonly><img src="https://<!--{$src\|escape:urlpathinfo~~}-->" alt="<!--{$alt\|escape:html~~}-->" class="error"><!--{if !isset($wgOuterImage) \|\| !$wgOuterImage}--><!--{assign var="wgOuterImage" value=true scope="global"}--><script defer src='/zh?title=</includeonly><noinclude><p>JavaScript脚本：[[</noinclude>User:Bhsd/widget/outerImage.js<noinclude>]]</p></noinclude><includeonly>&action=raw&ctype=text/javascript'></script><style>		<noinclude>{{doc\|content=用于{{tl\|外部图片}}。}}[[category:混合小部件]]</noinclude><includeonly><img src="https://<!--{$src\|escape:urlpathinfo}-->" class="error"><!--{if !isset($wgOuterImage) \|\| !$wgOuterImage}--><!--{assign var="wgOuterImage" value=true scope="global"}--><script defer src='/zh?title=</includeonly><noinclude><p>JavaScript脚本：[[</noinclude>User:Bhsd/widget/outerImage.js<noinclude>]]</p></noinclude><includeonly>&action=raw&ctype=text/javascript'></script><style>
	/* </includeonly>CSS样式表：<pre lang="css"> */		/* </includeonly>CSS样式表：<pre lang="css"> */
	.outerImage { /* 外层容器，防窄屏上图片过宽 */		.outerImage { /* 外层容器，防窄屏上图片过宽 */

Widget:OuterImage - 版本历史

Bhsd：​//使用页面/文本对比查看器快速编辑

Bhsd：​使用GitHub上的稳定版本 //使用页面/文本对比查看器快速编辑

Bhsd：​//使用页面/文本对比查看器快速编辑

Bhsd：​//使用页面/文本对比查看器快速编辑

Bhsd：​//使用页面/文本对比查看器快速编辑

Bhsd：​//使用页面/文本对比查看器快速编辑

Bhsd：​//使用页面/文本对比查看器快速编辑

Bhsd：​//使用页面/文本对比查看器快速编辑

Bhsd：​//使用页面/文本对比查看器快速编辑

Bhsd：​//使用页面/文本对比查看器快速编辑

Bhsd：//使用页面/文本对比查看器快速编辑

Bhsd：使用GitHub上的稳定版本 //使用页面/文本对比查看器快速编辑

Bhsd：//使用页面/文本对比查看器快速编辑

Bhsd：//使用页面/文本对比查看器快速编辑

Bhsd：//使用页面/文本对比查看器快速编辑

Bhsd：//使用页面/文本对比查看器快速编辑

Bhsd：//使用页面/文本对比查看器快速编辑

Bhsd：//使用页面/文本对比查看器快速编辑

Bhsd：//使用页面/文本对比查看器快速编辑

Bhsd：//使用页面/文本对比查看器快速编辑