unserver-unify/src/components/dialog/lightbox-dlg.html

<div class='modal-body' ng-swipe-left="Lightbox.nextImage()" ng-swipe-right="Lightbox.prevImage()">
	<div class="lightbox-nav">
		<button class="close" aria-hidden="true" ng-click="$dismiss()">×</button>
	</div>
	<div class="lightbox-image-container">
		<div class="lightbox-image-caption">
			<span>{{Lightbox.imageCaption}}</span>
		</div>
		<div class="lightbox_button">
			<a ng-click="Lightbox.prevImage()" ng-disabled="Lightbox.index == 0">
				<span class="fa fa-chevron-left"></span>
			</a> 
			<!-- <a ng-href="{{Lightbox.imageUrl}}" target="_blank" class="btn btn-default" ng-attr-title="{{ {eng:'Open image in new tab',chn:'在新窗口打开图像'}|trans }}">
				{{ {eng:'Open image in new tab',chn:'在新窗口打开图像'}|trans }}
			</a>  -->
			<a ng-click="Lightbox.nextImage()" ng-disabled="Lightbox.index >= Lightbox.images.length-1">
				<span class="fa fa-chevron-right"></span>
			</a>
		</div>
		<img lightbox-src="{{Lightbox.imageUrl}}" alt="\" ng-if="!Lightbox.isVideo(Lightbox.image)">
		<div ng-if="Lightbox.isVideo(Lightbox.image)"
	        class="embed-responsive embed-responsive-16by9">
	      <!-- video file embedded directly -->
	      <video ng-if="!Lightbox.isSharedVideo(Lightbox.image)"
	          lightbox-src="{{Lightbox.imageUrl}}"
	          controls
	          autoplay="true">
	      </video>
		</div>
</div>