轮播实施中的问题

Question

我想在我的网页上实现轮播。我已经创建了一个相同的plunker页面。 在该链接中，我使用CSS3转换来创建圆形效果。

在上面的链接中，我已经删除了我用于旋转木马实现的代码，因为它无法正常工作。实际上会发生的是大多数可用的jquery caosuel（如弹簧滑块，液体轮，柔性滑板）等只有img（需要被滑动的是直接在“li”标签下。但在我的情况下，由于我需要的css3转换，我无法将img直接保存在“li”下。（参见index.html页面） http://plnkr.co/edit/PxTtJ2expidIamWUqXLj?p=preview&s=carousel 例如

<li>
 <div class="ch-item">   
 <div class="ch-info ch-info1" >                            
 </div>
 <div class="ch-thumb ch-img-1">
 <p class="text"> Java7</p>
 </div>
 </div>
 </li>

有人可以建议我如何实施它。