Widget:Carousel - 版本历史

2026年5月4日 (一) 02:19 弃权者

2026-05-04T02:19:29Z

←上一版本		2026年5月4日 (一) 10:19的版本
第9行：		第9行：
	.n-p{left:0}.n-n{right:0}.c-i{position:absolute;bottom:15px;right:15px;display:flex;gap:6px;z-index:10}		.n-p{left:0}.n-n{right:0}.c-i{position:absolute;bottom:15px;right:15px;display:flex;gap:6px;z-index:10}
	.dot{width:25px;height:6px;background:rgba(255,255,255,.4);border-radius:3px;cursor:pointer;transition:.3s}		.dot{width:25px;height:6px;background:rgba(255,255,255,.4);border-radius:3px;cursor:pointer;transition:.3s}
	.dot.active{background:#fff;width:~~32px~~}		.dot.active{background:#fff;width:38px}
	</style>		</style>
	<div class="w-c" id="carousel" data-t="<!--{$thumb}-->">		<div class="w-c" id="carousel" data-t="<!--{$thumb}-->">

2026年5月4日 (一) 02:19 弃权者

2026-05-04T02:19:09Z

←上一版本		2026年5月4日 (一) 10:19的版本
第8行：		第8行：
	.c-n{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.5);color:#fff;padding:15px 10px;cursor:pointer;border:none;z-index:5}		.c-n{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.5);color:#fff;padding:15px 10px;cursor:pointer;border:none;z-index:5}
	.n-p{left:0}.n-n{right:0}.c-i{position:absolute;bottom:15px;right:15px;display:flex;gap:6px;z-index:10}		.n-p{left:0}.n-n{right:0}.c-i{position:absolute;bottom:15px;right:15px;display:flex;gap:6px;z-index:10}
	.dot{width:~~16px~~;height:6px;background:rgba(255,255,255,.4);border-radius:3px;cursor:pointer;transition:.3s}		.dot{width:25px;height:6px;background:rgba(255,255,255,.4);border-radius:3px;cursor:pointer;transition:.3s}
	.dot.active{background:#fff;width:~~24px~~}		.dot.active{background:#fff;width:32px}
	</style>		</style>
	<div class="w-c" id="carousel" data-t="<!--{$thumb}-->">		<div class="w-c" id="carousel" data-t="<!--{$thumb}-->">

2026年5月4日 (一) 02:17 弃权者

2026-05-04T02:17:35Z

←上一版本		2026年5月4日 (一) 10:17的版本
第7行：		第7行：
	.i{position:relative;width:100%;height:100%;max-width:800px;margin:0 auto;object-fit:cover;z-index:2;display:block;border:none}		.i{position:relative;width:100%;height:100%;max-width:800px;margin:0 auto;object-fit:cover;z-index:2;display:block;border:none}
	.c-n{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.5);color:#fff;padding:15px 10px;cursor:pointer;border:none;z-index:5}		.c-n{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.5);color:#fff;padding:15px 10px;cursor:pointer;border:none;z-index:5}
	.n-p{left:0}.n-n{right:0}.c-i{position:absolute;bottom:15px;right:15px;display:flex;gap:~~8px~~;z-index:10}		.n-p{left:0}.n-n{right:0}.c-i{position:absolute;bottom:15px;right:15px;display:flex;gap:6px;z-index:10}
	.dot{width:~~10px~~;height:~~10px~~;background:rgba(255,255,255,.5);border-radius:~~50%~~;cursor:pointer;transition:.3s}		.dot{width:16px;height:6px;background:rgba(255,255,255,.4);border-radius:3px;cursor:pointer;transition:.3s}
	.dot.active{background:#fff;~~transform~~:~~scale(1.2)~~}		.dot.active{background:#fff;width:24px}
	</style>		</style>
	<div class="w-c" id="carousel" data-t="<!--{$thumb}-->">		<div class="w-c" id="carousel" data-t="<!--{$thumb}-->">
第36行：		第36行：
	if(a.dataset.t)a.href=b+encodeURIComponent(a.dataset.t.trim());		if(a.dataset.t)a.href=b+encodeURIComponent(a.dataset.t.trim());
	var d=document.createElement('div');d.className='dot'+(i===0?' active':'');		var d=document.createElement('div');d.className='dot'+(i===0?' active':'');
	d.~~onclick~~=(function(idx){return function(){gs(idx)}})(i);dc.appendChild(d);		d.onmouseenter=(function(idx){return function(){gs(idx)}})(i);dc.appendChild(d);
	}		}
	})();		})();
第58行：		第58行：
	c.onmouseleave=function(){t=setInterval(function(){mv(1)},5000)};		c.onmouseleave=function(){t=setInterval(function(){mv(1)},5000)};
	</script>		</script>
	</includeonly>		</includeonly><noinclude>{{doc\|content=
	<noinclude>{{doc\|content=
	用于[[首页/活动轮换图]]的微件,最多支持9图轮播。		用于[[首页/活动轮换图]]的微件,最多支持9图轮播。
	==用法==		==用法==

2026年5月4日 (一) 02:14 弃权者

2026-05-04T02:14:04Z

←上一版本		2026年5月4日 (一) 10:14的版本
第5行：		第5行：
	.w-s{display:none}.w-s.active{display:block}		.w-s{display:none}.w-s.active{display:block}
	.i-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:blur(20px) brightness(0.6);transform:scale(1.1);z-index:1;pointer-events:none}		.i-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:blur(20px) brightness(0.6);transform:scale(1.1);z-index:1;pointer-events:none}
	.i{position:relative;width:100%;height:100%;max-width:~~1000px~~;margin:0 auto;object-fit:cover;z-index:2;display:block;border:none}		.i{position:relative;width:100%;height:100%;max-width:800px;margin:0 auto;object-fit:cover;z-index:2;display:block;border:none}
	.c-n{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.5);color:#fff;padding:15px 10px;cursor:pointer;border:none;z-index:5}		.c-n{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.5);color:#fff;padding:15px 10px;cursor:pointer;border:none;z-index:5}
	.n-p{left:0}.n-n{right:0}.c-i{position:absolute;bottom:15px;right:15px;display:flex;gap:8px;z-index:10}		.n-p{left:0}.n-n{right:0}.c-i{position:absolute;bottom:15px;right:15px;display:flex;gap:8px;z-index:10}

2026年5月4日 (一) 02:10 弃权者

2026-05-04T02:10:58Z

←上一版本		2026年5月4日 (一) 10:10的版本
第1行：		第1行：
	<includeonly>		<includeonly>
	<style>		<style>
	.w-c{position:relative;width:<!--{$width\|default:'100%'}-->;aspect-ratio:~~2.5~~/1;max-height:400px;overflow:hidden;background:#000;}		.w-c{position:relative;width:<!--{$width\|default:'100%'}-->;aspect-ratio:16/9;max-height:400px;overflow:hidden;background:#000;}
	#slide-inner,.w-s,.w-s a{width:100%;height:100%;display:block;position:relative;overflow:hidden}		#slide-inner,.w-s,.w-s a{width:100%;height:100%;display:block;position:relative;overflow:hidden}
	.w-s{display:none}.w-s.active{display:block}		.w-s{display:none}.w-s.active{display:block}

2026年5月4日 (一) 02:09 弃权者

2026-05-04T02:09:18Z

←上一版本		2026年5月4日 (一) 10:09的版本
第1行：		第1行：
	<includeonly>		<includeonly>
	<style>		<style>
	.w-c{position:relative;width:<!--{$width\|default:'100%'}-->;aspect-ratio:2.5/1;max-height:400px;overflow:hidden;background:#000;~~margin:10px auto~~}		.w-c{position:relative;width:<!--{$width\|default:'100%'}-->;aspect-ratio:2.5/1;max-height:400px;overflow:hidden;background:#000;}
	#slide-inner,.w-s,.w-s a{width:100%;height:100%;display:block;position:relative;overflow:hidden}		#slide-inner,.w-s,.w-s a{width:100%;height:100%;display:block;position:relative;overflow:hidden}
	.w-s{display:none}.w-s.active{display:block}		.w-s{display:none}.w-s.active{display:block}

2026年5月4日 (一) 02:08 弃权者

2026-05-04T02:08:57Z

←上一版本		2026年5月4日 (一) 10:08的版本
第1行：		第1行：
	<includeonly>		<includeonly>
	<style>		<style>
	~~<style>~~		.w-c{position:relative;width:<!--{$width\|default:'100%'}-->;aspect-ratio:2.5/1;max-height:400px;overflow:hidden;background:#000;margin:10px auto}
	.w-c{position:relative;width:<!--{$width\|default:'100%'}-->;aspect-ratio:2.5/1;max-height:400px;overflow:hidden;background:#000;}		#slide-inner,.w-s,.w-s a{width:100%;height:100%;display:block;position:relative;overflow:hidden}
	#slide-inner,.w-s,.w-s a{width:100%;height:100%;display:block}
	.w-s{display:none}.w-s.active{display:block}		.w-s{display:none}.w-s.active{display:block}
	.i-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:blur(20px) brightness(0.6);transform:scale(1.1);z-index:1}		.i-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:blur(20px) brightness(0.6);transform:scale(1.1);z-index:1;pointer-events:none}
	.i{position:relative;width:100%;height:100%;max-width:1000px;margin:0 auto;object-fit:cover;z-index:2;display:block;border:none}		.i{position:relative;width:100%;height:100%;max-width:1000px;margin:0 auto;object-fit:cover;z-index:2;display:block;border:none}
	.c-n{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.5);color:#fff;padding:15px 10px;cursor:pointer;border:none;z-index:5}		.c-n{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.5);color:#fff;padding:15px 10px;cursor:pointer;border:none;z-index:5}

2026年5月4日 (一) 02:07 弃权者

2026-05-04T02:07:34Z

←上一版本		2026年5月4日 (一) 10:07的版本
第1行：		第1行：
	<includeonly>		<includeonly>
	<style>		<style>
	.w-c{position:relative;width:<!--{$width\|default:'100%'}-->;~~height~~:<!-~~-{$~~height~~\|default~~:'400px~~'}-->~~;overflow:hidden;background:#000;}		<style>
			.w-c{position:relative;width:<!--{$width\|default:'100%'}-->;aspect-ratio:2.5/1;max-height:400px;overflow:hidden;background:#000;}
	#slide-inner,.w-s,.w-s a{width:100%;height:100%;display:block}		#slide-inner,.w-s,.w-s a{width:100%;height:100%;display:block}
	.w-s{display:none}.w-s.active{display:block}		.w-s{display:none}.w-s.active{display:block}
	.i-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:blur(20px) brightness(0.6);transform:scale(1.1);z-index:1}		.i-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:blur(20px) brightness(0.6);transform:scale(1.1);z-index:1}
	~~/* 核心修改：使用 cover 确保高度始终填满，配合 max-width 实现宽屏露出背景 */~~		.i{position:relative;width:100%;height:100%;max-width:1000px;margin:0 auto;object-fit:cover;z-index:2;display:block;border:none}
	.i{position:relative;width:100%;height:100%;max-width:~~800px~~;margin:0 auto;object-fit:cover;z-index:2;display:block;border:none}
	.c-n{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.5);color:#fff;padding:15px 10px;cursor:pointer;border:none;z-index:5}		.c-n{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.5);color:#fff;padding:15px 10px;cursor:pointer;border:none;z-index:5}
	.n-p{left:0}.n-n{right:0}.c-i{position:absolute;bottom:15px;right:15px;display:flex;gap:8px;z-index:10}		.n-p{left:0}.n-n{right:0}.c-i{position:absolute;bottom:15px;right:15px;display:flex;gap:8px;z-index:10}

2026年5月3日 (日) 11:57 弃权者

2026-05-03T11:57:08Z

←上一版本		2026年5月3日 (日) 19:57的版本
第1行：		第1行：
	<includeonly>		<includeonly>
	<style>		<style>
	.w-c{position:relative;width:<!--{$width\|default:'100%'}-->;height:<!--{$height\|default:'400px'}-->;overflow:hidden;background:#000;~~margin:10px auto~~}		.w-c{position:relative;width:<!--{$width\|default:'100%'}-->;height:<!--{$height\|default:'400px'}-->;overflow:hidden;background:#000;}
	#slide-inner,.w-s,.w-s a{width:100%;height:100%;display:block}		#slide-inner,.w-s,.w-s a{width:100%;height:100%;display:block}
	.w-s{display:none}.w-s.active{display:block}		.w-s{display:none}.w-s.active{display:block}

2026年5月3日 (日) 11:04 弃权者

2026-05-03T11:04:07Z

←上一版本		2026年5月3日 (日) 19:04的版本
第6行：		第6行：
	.i-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:blur(20px) brightness(0.6);transform:scale(1.1);z-index:1}		.i-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:blur(20px) brightness(0.6);transform:scale(1.1);z-index:1}
	/* 核心修改：使用 cover 确保高度始终填满，配合 max-width 实现宽屏露出背景 */		/* 核心修改：使用 cover 确保高度始终填满，配合 max-width 实现宽屏露出背景 */
	.i{position:relative;width:100%;height:100%;max-width:~~1000px~~;margin:0 auto;object-fit:cover;z-index:2;display:block;border:none}		.i{position:relative;width:100%;height:100%;max-width:800px;margin:0 auto;object-fit:cover;z-index:2;display:block;border:none}
	.c-n{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.5);color:#fff;padding:15px 10px;cursor:pointer;border:none;z-index:5}		.c-n{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.5);color:#fff;padding:15px 10px;cursor:pointer;border:none;z-index:5}
	.n-p{left:0}.n-n{right:0}.c-i{position:absolute;bottom:15px;right:15px;display:flex;gap:8px;z-index:10}		.n-p{left:0}.n-n{right:0}.c-i{position:absolute;bottom:15px;right:15px;display:flex;gap:8px;z-index:10}