◆少前百科是非盈利性、非官方的少女前线维基百科。
◆如果您发现某些内容错误/空缺,请勇于修正/添加!参与进来其实很容易!点这里 加入少前百科
◆有任何意见、建议、纠错,欢迎在 GFwiki:反馈与建议 提出和讨论。编辑事务讨论QQ群:597764980,微博@GFwiki少前百科
◆To foreigners,You can use twitter to contact us.
Icon Nyto Silver.png

“模板:首页轮播2”的版本间的差异

来自少前百科GFwiki
跳转至: 导航搜索
 
(未显示同一用户的46个中间版本)
第1行: 第1行:
{{#widget:style|style=
+
<includeonly><includeonly>{{#Widget:Slick/style}}<div class="main-carousel" >{{#if:{{{轮播图片1|}}}|<div>{{#if:{{{轮播说明1|}}}|<span class="blackout">{{{轮播说明1|}}}</span>|}}[[文件:{{{轮播图片1|}}}|link={{{轮播链接1|}}}|class=no-lazy]]</div>|}}{{#if:{{{轮播图片2|}}}|<div>{{#if:{{{轮播说明2|}}}|<span class="blackout">{{{轮播说明2|}}}</span>|}}[[文件:{{{轮播图片2|}}}|link={{{轮播链接2|}}}|class=no-lazy]]</div>|}}{{#if:{{{轮播图片3|}}}|<div>{{#if:{{{轮播说明3|}}}|<span class="blackout">{{{轮播说明3|}}}</span>|}}[[文件:{{{轮播图片3|}}}|link={{{轮播链接3|}}}|class=no-lazy]]</div>|}}{{#if:{{{轮播图片4|}}}|<div>{{#if:{{{轮播说明4|}}}|<span class="blackout">{{{轮播说明4|}}}</span>|}}[[文件:{{{轮播图片4|}}}|link={{{轮播链接4|}}}|class=no-lazy]]</div>|}}{{#if:{{{轮播图片5|}}}|<div>{{#if:{{{轮播说明5|}}}|<span class="blackout">{{{轮播说明5|}}}</span>|}}[[文件:{{{轮播图片5|}}}|link={{{轮播链接5|}}}|class=no-lazy]]</div>|}}{{#if:{{{轮播图片6|}}}|<div>{{#if:{{{轮播说明6|}}}|<span class="blackout">{{{轮播说明6|}}}</span>|}}[[文件:{{{轮播图片6|}}}|link={{{轮播链接6|}}}|class=no-lazy]]</div>|}}{{#if:{{{轮播图片7|}}}|<div>{{#if:{{{轮播说明7|}}}|<span class="blackout">{{{轮播说明7|}}}</span>|}}[[文件:{{{轮播图片7|}}}|link={{{轮播链接7|}}}|class=no-lazy]]</div>|}}{{#if:{{{轮播图片8|}}}|<div>{{#if:{{{轮播说明8|}}}|<span class="blackout">{{{轮播说明8|}}}</span>|}}[[文件:{{{轮播图片8|}}}|link={{{轮播链接8|}}}|class=no-lazy]]</div>|}}{{#if:{{{轮播图片9|}}}|<div>{{#if:{{{轮播说明9|}}}|<span class="blackout">{{{轮播说明9|}}}</span>|}}[[文件:{{{轮播图片9|}}}|link={{{轮播链接9|}}}|class=no-lazy]]</div>|}}</div>{{#Widget:Slick}}</includeonly>
/*
 
This is the visible area of you carousel.
 
Set a width here to define how much items are visible.
 
The width can be either fixed in px or flexible in %.
 
Position must be relative!
 
*/
 
.jcarousel {
 
    position: relative;
 
    overflow: hidden;
 
}
 
 
 
/*
 
This is the container of the carousel items.
 
You must ensure that the position is relative or absolute and
 
that the width is big enough to contain all items.
 
*/
 
.jcarousel ul {
 
    width: 20000em;
 
    position: relative;
 
 
 
    /* Optional, required in this case since it's a <ul> element */
 
    list-style: none;
 
    margin: 0;
 
    padding: 0;
 
}
 
 
 
/*
 
These are the item elements. jCarousel works best, if the items
 
have a fixed width and height (but it's not required).
 
*/
 
.jcarousel li {
 
    /* Required only for block elements like <li>'s */
 
    float: left;
 
    max-height:712px
 
}
 
.jcarousel li img{
 
    max-height:100%;
 
    max-width:100%;
 
    object-fit: contain;
 
    display:block;
 
    height:auto;
 
    width:auto;
 
}
 
 
 
}}
 
<div style="max-width:400px;max-height:712px">
 
<div class="jcarousel pack1">
 
*[[文件:No.134.jpg|width=100%|height=100%]]
 
*[[文件:Icon_No.135.png|width=100%|height=100%]]
 
*[[文件:No.136.jpg|width=100%|height=100%]]
 
</div>
 
</div>
 

2019年8月22日 (四) 22:52的最新版本