使用sliper轮播图，图片显示不全

<div class="swiper-container">
    <div class="swiper-wrapper">
    <c:forEach items="${pictureTop }" var="news">
      <div class="swiper-slide"><a href="detail.action?nid=${news.nid}"><img src="${news.photo }" alt="${news.title }" width="655" height="415" border="0"/><div class="swiper-title">${news.title }</div></a></div>
      </c:forEach>
    </div>
    <!-- Add Pagination -->
    <div class="swiper-pagination"></div>
    <!-- Add Arrows -->
    <div class="swiper-button-next"></div>
    <div class="swiper-button-prev"></div>
  </div>

是这么个样式：然后显示就是如下所示

在脚本中加入：

spaceBetween: 37,

自己调的。

对于前端无力吐槽，我是没办法没办法要写！