Show multiple slides

[Vetalb8]

Can I customize the slider to display multiple slides? Like this https://codepen.io/anon/pen/yoGWvb

[yinguangyao]

@Vetalb8 Yes, I think you can modify given css as follows if you have four images:

.swipe-wrap > div {
  float: left;
  width: 25%;
  position: relative;
}

[Vetalb8]

@yinguangyao it doesn't work https://codepen.io/anon/pen/xXRdMx

[yinguangyao]

@Vetalb8 oh, I know your mean. I mean you must use a parent div to wrap around your image lists or div lists. I think you can modify as follows:

html

<div id='mySwipe' style='max-width: 500px; margin: 0 auto' class='swipe'>
    <div class='swipe-wrap'>
        <div class="swipe-item"> 
            <div><b>1</b></div>
            <div><b>2</b></div>
            <div><b>3</b></div>
            <div><b>4</b></div>
        </div>
        <div class="swipe-item">
            <div><b>5</b></div>
            <div><b>6</b></div>
            <div><b>7</b></div>
            <div><b>8</b></div>
        </div>
        <div class="swipe-item">
            <div><b>9</b></div>
            <div><b>10</b></div>
            <div><b>11</b></div>
            <div><b>12</b></div>
        </div>
        <div class="swipe-item">
            <div><b>13</b></div>
            <div><b>14</b></div>
            <div><b>15</b></div>
            <div><b>16</b></div>
        </div>
    </div>
</div>

css

.swipe-wrap .swipe-item {
    float: left;
    width: 100%;
    position: relative;
}
.swipe-wrap .swipe-item > div {
    width: 25%;
    float: left;
}

My English is poor, and I don't know if you can understand what I mean