<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>