Widget:Carousel：修订间差异

2026年5月3日 (日) 14:21的版本

小工具文档 WIDGET DOCUMENTATION [编辑]

这个文档是内联文档。

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

用法

{{#widget:Carousel
|width=800px
|height=300px
|img1=图1.jpg |link1=页面1
|img2=图2.jpg |link2=页面2
……
}}

@@ 第9行： / 第9行： @@
 .dot.active{background:#fff;transform:scale(1.2)}
 </style>
-<div class="w-c" id="carousel" data-w="<!--{$width}-->">
+<div class="w-c" id="carousel" data-w="<!--{$width|default:'100%'}-->" data-t="<!--{$thumb|default:'1000'}-->">
 <button class="c-n n-p" onclick="mv(-1)">&#10094;</button>
 <button class="c-n n-n" onclick="mv(1)">&#10095;</button>
@@ 第27行： / 第27行： @@
 <script>
 (function(){
-var b='/wiki/',c=document.getElementById('carousel'),is=c.querySelectorAll('.i'),ls=c.querySelectorAll('.l'),dc=document.getElementById('dots-ctx'),pw=parseInt(c.dataset.w)||1000;
+var b='/wiki/',c=document.getElementById('carousel'),is=c.querySelectorAll('.i'),ls=c.querySelectorAll('.l'),dc=document.getElementById('dots-ctx');
+var tw=parseInt(c.dataset.t)||1000;
 for(var i=0;i<is.length;i++){
-is[i].src=b+'Special:FilePath/'+encodeURIComponent(is[i].dataset.f.trim())+'?width='+pw;
+is[i].src=b+'Special:FilePath/'+encodeURIComponent(is[i].dataset.f.trim())+'?width='+tw;
 if(ls[i].dataset.t)ls[i].href=b+encodeURIComponent(ls[i].dataset.t.trim());
 var d=document.createElement('div');d.className='dot'+(i===0?' active':'');d.onclick=(function(idx){return function(){gs(idx)}})(i);dc.appendChild(d);
@@ 第50行： / 第51行： @@
 }
 var t=setInterval(function(){mv(1)},5000);
-c.onmouseenter=function(){clearInterval(t)};
+document.getElementById('carousel').onmouseenter=function(){clearInterval(t)};
-c.onmouseleave=function(){t=setInterval(function(){mv(1)},5000)};
+document.getElementById('carousel').onmouseleave=function(){t=setInterval(function(){mv(1)},5000)};
 </script>
 </includeonly>