角度材料内的md卡转盘或滑块

时间:2016-07-08 09:38:00

标签: javascript css angularjs carousel

我想用内置md-card构建旋转木马/滑块,而不是图像或视频。 md卡虽然可以有一个图像,视频。

我遇到的最好的例子是Google的Snapping Carousel,它显示了可水平滚动的推文的结果。

enter image description here

我还发现忍者滑块很有帮助,也很有效。问题是,它不适用于我想要包含它的项目,它需要许可证。它也没有显示任何错误,但也不起作用。这是the codepen和下面的图片。

enter image description here

然后,我尝试使用Bootstrap的轮播,但它显示了一个指令控制器错误,我已经应用了所有可能的解决方案而没有成功的结果。然后我使用Bootstrap's Angular Carousel我认为它有自己的错误,因为它有时根本不起作用,当它发生时,它永远不会无缝。

最后,我遇到Flickity并且它也完成了这项工作。 Here is the codepen

<div class="carousel js-flickity">
  <div class="carousel-cell">
    <md-content class="md-padding" layout-xs="column" layout="row">

但即使这看起来并不完美,也需要许可证。 enter image description here

最接近Google的方式是什么(如上所示)? 另外,我不想在这里使用jQuery(如果可能的话)。 PS:我已经删除了codepen链接,原因很明显。

0 个答案:

没有答案