a-multi-shop-master/code/multiShop/WebContent/sky/common/component/imagePanel/js/imagePanel.js

微信扫码关注公众号，代码整理好后第一时间通知你。

angular.module('imagePanel',[])
.directive('imagePanel',function(){
	return {
		restrict:'E',
		scope : {
			imagePanelId		: "@",//该图片面板的ID
			currentImgIndex	: "@",//当前图片的序号
			imagePathList	: "=",//图片路径列表
		},
		templateUrl : $contextPath +"/sky/common/component/imagePanel/template/imagePanel.html",
		link : function(scope,element,attrs){
			
		},
		controller : function($scope, $timeout, $filter, $document){
			//默认的图片
			$scope.defaultImage = {
					index	: -1,
					path		: $contextPath + "/sky/common/core/img/no_pic.jpeg",
			};
			//当前显示的图片
			$scope.currentImage = $scope.defaultImage;
			
			/**
			 * 切换图片，向左或右
			 */
			$scope.triggerImage = function(direction){
				//向右切换图片，还是向左切换图片
				if(direction && direction=="right"){
					if($scope.currentImage.index < $scope.imagePathList.length-1){
						$scope.currentImage.index++;
					}else{
						$scope.currentImage.index = 0;
					}
				}else{
					if($scope.currentImage.index > 0){
						$scope.currentImage.index--;
					}else{
						$scope.currentImage.index = $scope.imagePathList.length-1;
					}
				}
				//当前图片的路径赋值
				$scope.currentImage.path = $scope.imagePathList[$scope.currentImage.index];
			};
			
			/**
			 * 初始化图片
			 */
			$scope.initImage = function(){
				if($scope.imagePathList && $scope.imagePathList.length>0){
					if(undefined != $scope.currentImgIndex){
						$scope.currentImage.index = parseInt($scope.currentImgIndex);
					}else{
						$scope.currentImage.index = 0;
					}
					$scope.currentImage.path = $scope.imagePathList[$scope.currentImage.index];
				}
			};
		}
	};
});