◆少前百科是非盈利性、非官方的少女前线维基百科。 ◆如果您发现某些内容错误/空缺,请勇于修正/添加!参与进来其实很容易!点这里 加入少前百科。 ◆有任何意见、建议、纠错,欢迎在 GFwiki:反馈与建议 提出和讨论。编辑事务讨论QQ群:597764980,微博@GFwiki少前百科 ◆To foreigners,You can use twitter to contact us. |
“模板:首页轮播2”的版本间的差异
Mikumikuer(讨论 | 贡献) |
Mikumikuer(讨论 | 贡献) |
||
第58行: | 第58行: | ||
</div> | </div> | ||
</div> | </div> | ||
+ | |||
+ | <script> | ||
+ | mw.loader.load('/images/jslib/jquery.jcarousel-packed.js','text/javascript') | ||
+ | $('.jcarousel') | ||
+ | .on('jcarousel:create jcarousel:reload', function() { | ||
+ | var element = $(this); | ||
+ | element.find('.jcarousel ul').css('width', '20000em'); | ||
+ | width = element.innerWidth(); | ||
+ | // This shows 1 item at a time. | ||
+ | // Divide `width` to the number of items you want to display, | ||
+ | // eg. `width = width / 3` to display 3 items at a time. | ||
+ | element.jcarousel('items').css('width', width + 'px'); | ||
+ | }) | ||
+ | $('.jcarousel').jcarouselAutoscroll({ | ||
+ | interval: 4000 | ||
+ | }); | ||
+ | $('.jcarousel').jcarousel({ | ||
+ | wrap:'circular' | ||
+ | }) | ||
+ | </script> |
2019年8月20日 (二) 19:19的版本
<script> mw.loader.load('/images/jslib/jquery.jcarousel-packed.js','text/javascript') $('.jcarousel')
.on('jcarousel:create jcarousel:reload', function() { var element = $(this); element.find('.jcarousel ul').css('width', '20000em'); width = element.innerWidth(); // This shows 1 item at a time. // Divide `width` to the number of items you want to display, // eg. `width = width / 3` to display 3 items at a time. element.jcarousel('items').css('width', width + 'px'); })
$('.jcarousel').jcarouselAutoscroll({
interval: 4000
}); $('.jcarousel').jcarousel({ wrap:'circular' }) </script>