Question

Нiall。如何仅显示导航页面而不显示幻灯片？我在页面上有20个幻灯片到4个，而idangerous显示所有20个点。如何显示4？谢谢。

var mySwiper = new Swiper('.swiper-container',{
    pagination: '.pagination',
    paginationClickable: true,
    slidesPerView: 4
  })

实施例 http://jsfiddle.net/ELwkt/1/

Answer 1

我认为这样做效果更好：

new Swiper('.swiper-container', {
  pagination: '.swiper-pagination',
  paginationClickable: true,
  paginationBulletRender: function (index, className) {
    // Four slides per view
    if (index % 4 > 0) {
      className += " hidden"; // added hidden class
    }

    return '<span class="' + className + '"></span>';
  }
});

Answer 2

谢谢大家！使用带有css的变体（来自srvikram13）因为时间很短。

还提供了这样的变体=）

var f = function(a, b) {
$.each($('.swiper-pagination-switch'), function(i, e) {
    if (i % 2) {
        if ($(e).hide().hasClass('swiper-active-switch'))
            $(e).prev().addClass('swiper-active-switch');
    }
});
var mySwiper = new Swiper('.swiper-container', {
    pagination: '.pagination',
    paginationClickable: true,
    simulateTouch: true,
    grabCursor: true,
    mode:'horizontal',
    slidesPerView:2,
    onSlideChangeStart: f,
    onSlideChangeStop: f,
    onInit: f,
 })

这将是犹太人的方式）））

idangerous页面导航但不是单个幻灯片

2 个答案: