swiper默认显示三个，中间放大且显示全部图片两边显示部分图片的实现方法

实现这样的效果可以使用swiper插件的参数，具体实现方法如下：

1. 首先需要在HTML文件中引入swiper插件的css和js文件。

2. 在HTML文件中创建一个swiper容器，如下所示：

<div class="swiper-container">
  <div class="swiper-wrapper">
    <div class="swiper-slide"><img src="img/1.jpg"></div>
    <div class="swiper-slide"><img src="img/2.jpg"></div>
    <div class="swiper-slide"><img src="img/3.jpg"></div>
    <div class="swiper-slide"><img src="img/4.jpg"></div>
    <div class="swiper-slide"><img src="img/5.jpg"></div>
  </div>
</div>

3. 初始化swiper插件，设置相关参数，如下所示：

var mySwiper = new Swiper('.swiper-container', {
  slidesPerView: 3,
  centeredSlides: true,
  spaceBetween: 30,
  loop: true,
  pagination: {
    el: '.swiper-pagination',
    clickable: true,
  },
});

其中，slidesPerView参数设置显示的图片数量为3，centeredSlides参数设置当前图片居中显示，spaceBetween参数设置图片之间的间距为30px，loop参数设置循环滚动，pagination参数设置显示分页器。

4. 最后在CSS文件中设置图片大小和容器大小，如下所示：

.swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.swiper-container {
  width: 100%;
  height: 400px;
}

这样就可以实现显示三个图片，中间放大且显示全部图片两边显示部分图片的效果。