Widget:Carousel：修订间差异

2026年5月4日 (一) 10:08的版本

小工具文档 WIDGET DOCUMENTATION [编辑]

这个文档是内联文档。

用于首页/活动轮换图的微件,最多支持9图轮播。

用法

{{#widget:Carousel
<!--这两个参数写微件的大小-->
|width=800px
|height=300px
<!--这个参数写图片加载尺寸（px)，默认1000，调用时不加单位-->
|thumb=800
|img1=图1.jpg |link1=页面1
|img2=图2.jpg |link2=页面2
……
}}

@@ 第1行： / 第1行： @@
 <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}
 .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}
 .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}