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

标签 jquery css frontend swiper.js web-frontend

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

如何将图像的大小更改为:

width: 370px;
height: 200px;

我只看到 3 张图片(每次查看幻灯片)?

最终我希望它是这样的:

enter image description here

我用这个http://idangero.us/swiper/get-started/#.V1UqS5F9600用于滑动器。

最佳答案

改变这部分:

<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;
}

关于jquery - 如何改变这个画廊的大小?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37651675/

相关文章:

html - 媒体查询不工作

javascript - React-aad-msal 清除本地存储。传递状态

jquery - Jquery插件.Net的成功回调在哪里

jquery - 如何在我的项目中包含 Bootstrap 3 和 JQuery Datatables?

css - 如何使侧边栏在语义 UI 中始终可见

javascript - 在移动设备中使用字体大小时圆形改变半径

html - Div 在 rotateY div 中始终面向屏幕

javascript - knockout 计算 - 写入新值

jquery - 查找第一个和最后一个类 JQuery

javascript - 表格滚动上的两个固定标题 - 添加边框