Question

我正在尝试实施swipejs。以下是https://github.com/bradbirdsall/Swipe的说明，这是我尝试在http://bannisterwebdesign.co.uk/testing/上使用的网站。

幻灯片正在显示，但它不是动画。我已将以下内容添加到外部文件中，并按照指示完成其他所有操作。

window.slider = new Swipe(document.getElementById('slider'), {
  startSlide: 1,
  speed: 400,
  auto: 3000,
  continuous: true,
  disableScroll: false,
  stopPropagation: false,
  callback: function(index, elem) {},
  transitionEnd: function(index, elem) {}
});

有人能看出为什么它没有动画？

谢谢！

Answer 1

我注意到你复制了以下示例的CSS代码：

.swipe-wrap > div {
    float:left;
    width:100%;
    position: relative;
}

但您在测试中使用的是<a>而不是<div>。这就是滑块不起作用的原因。您应该将CSS更改为

.swipe-wrap > a {
    float:left;
    width:100%;
    position: relative;
}

希望它有所帮助。

Swipejs没有动画效果

1 个答案: