滑动

<link href="css/ncss2.css?v=2.1.0" rel="stylesheet" type="text/css" />

<link href="css/thickbox.css" rel="stylesheet" type="text/css" />

<link href="css/bl.css?v=2.1.1" rel="stylesheet" type="text/css" />

 

<link rel="stylesheet" href="css/swiper.min.css">

 

<script src="js/angular.min.js"></script>

<script src="js/angular-route.min.js"></script>

<script src="js/angular-ui-router.min.js"></script>

 

<style>

.bl_img{

max-width:100%;

max-height:280px;

margin:0px auto;

}

</style>

 

</head>

<div class="swiper-container">

<div class="swiper-wrapper">

<div class="swiper-slide" ng-repeat="img in detail.pictures track by $index" >

<div style="width:100%;height:280px; text-align:center;vertical-align:middle; ">

<img class="bl_img" ng-src="/api{{img.picpath}}"/>

</div>

<div style="text-align: center" >{{$index+1}}/{{detail.pictures.length}}</div>

</div>

</div>

</div>

<script src="js/swiper.min.js"></script>

 

<script type="text/javascript">

var mySwiper = new Swiper('.swiper-container',{

loop: true,

autoplay: 3000,

observer:true,//修改swiper自己或子元素时，自动初始化swiper

observeParents:true,//修改swiper的父元素时，自动初始化swiper

autoplayDisableOnInteraction:true,//用户操作swiper之后是否禁止autoplay

});

</script>

</body>