Widget:Carousel:修订间差异
来自OGAS数据中枢
更多操作
无编辑摘要 |
无编辑摘要 |
||
| 第27行: | 第27行: | ||
</div> | </div> | ||
<script> | <script> | ||
var b='/wiki/',c=document.getElementById('carousel'),is=c.querySelectorAll('.i'),ls=c.querySelectorAll('.l'),dc=document.getElementById('dots-ctx'),tw=parseInt(c.dataset.t)||1000; | |||
(function(){ | (function(){ | ||
for(var i=0;i<is.length;i++){ | for(var i=0;i<is.length;i++){ | ||
is[i].src=b+'Special:FilePath/'+encodeURIComponent(is[i].dataset.f.trim())+'?width='+tw; | is[i].src=b+'Special:FilePath/'+encodeURIComponent(is[i].dataset.f.trim())+'?width='+tw; | ||
| 第36行: | 第36行: | ||
})(); | })(); | ||
function up(o,n){ | function up(o,n){ | ||
var s= | var s=c.querySelectorAll('.w-s'),d=c.querySelectorAll('.dot'); | ||
s[o].classList.remove('active');d[o].classList.remove('active'); | s[o].classList.remove('active');d[o].classList.remove('active'); | ||
s[n].classList.add('active');d[n].classList.add('active'); | s[n].classList.add('active');d[n].classList.add('active'); | ||
} | } | ||
function mv(n){ | function mv(n){ | ||
var s= | var s=c.querySelectorAll('.w-s'),a=0;if(s.length<=1)return; | ||
for(var i=0;i<s.length;i++)if(s[i].classList.contains('active')){a=i;break;} | for(var i=0;i<s.length;i++)if(s[i].classList.contains('active')){a=i;break;} | ||
up(a,(a+n+s.length)%s.length); | up(a,(a+n+s.length)%s.length); | ||
} | } | ||
function gs(n){ | function gs(n){ | ||
var s= | var s=c.querySelectorAll('.w-s'),a=0; | ||
for(var i=0;i<s.length;i++)if(s[i].classList.contains('active')){a=i;break;} | for(var i=0;i<s.length;i++)if(s[i].classList.contains('active')){a=i;break;} | ||
up(a,n); | up(a,n); | ||