如何改变这个画廊的大小?

时间:2016-06-06 07:23:44

标签: jquery css3 frontend swiper web-frontend

我有一个例子http://codepen.io/moransh4/pen/aZOeNO

如何更改图像的大小:

width: 370px;
height: 200px;

我只看到3张图片(每张视图的幻灯片)?

最终我希望它是这样的:

enter image description here

我将此http://idangero.us/swiper/get-started/#.V1UqS5F9600用于swiper。

1 个答案:

答案 0 :(得分:1)

更改此部分:

<div class="teaser-gallery__slider js-teaser-gallery-slider" data-slides-per-view="5">

为此:

<div class="teaser-gallery__slider js-teaser-gallery-slider" data-slides-per-view="3">

更改尺寸:

figure {
margin: 0;
   width: 370px;
   height: 200px;
}