用jq代码写出一个轮播图。

  由于项目的需要,需要写出一个图片预览的功能,在预览的同时如果预览的图片大于1,还要能够轮播,。所以,这就是一个从后台取图片的路径,然后轮播的一个功能。  当图片数为1时,不显示左右箭头以及轮播圆点。 

  下面是一个gif的demo:

 

 

 

 

 

 

 

  首先,我们理清了实现的方式。我们先做出一个轮播图的效果。

  DEMO地址:https://codepen.io/Dios/pen/dzLMVJ

  然后我们再通过一些js判断达到图中的效果。

posted @ 2017-09-05 15:59  Dios  阅读(278)  评论(0编辑  收藏  举报