<link rel="stylesheet" href="${pageContext.request.contextPath}/css/blueimp-gallery.css">
<link rel="stylesheet" href="${pageContext.request.contextPath}/css/blueimp-gallery-indicator.css">
<link rel="stylesheet" href="${pageContext.request.contextPath}/css/blueimp-gallery-video.css">
<link rel="stylesheet" href="${pageContext.request.contextPath}/css/demo.css">
<script src="${pageContext.request.contextPath}/js/blueimp-helper.js" type="text/javascriptssss"></script>
<script src="${pageContext.request.contextPath}/js/blueimp-gallery.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath}/js/blueimp-gallery-fullscreen.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath}/js/jquery.blueimp-gallery.js" type="text/javascript"></script>


	<div id="links" class="links">
	
			<c:forEach var="itemsFoto" items="${reqattFotoAll}">
	
				<a
					href="photo-album/${pageContext.request.remoteUser}/fulls/<c:out value="${itemsFoto.name}"></c:out>" title="<c:out value="${itemsFoto.name}"></c:out>" data-gallery="">
						<img src="photo-album/${pageContext.request.remoteUser}/preview/<c:out value="${itemsFoto.name}"></c:out>">
				</a>
	
			</c:forEach>
	
	</div>
	
	<!-- The Gallery as lightbox dialog, should be a child element of the document body -->
	<!-- <ol class="indicator"></ol> -->
	<div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls" style="display: none;">
	    <div class="slides" style="width: 128px;"></div>
	    <h3 class="title">Handle With Care [Explored]</h3>
	    <a class="prev">‹</a>
	    <a class="next">›</a>
	    <a class="close">х</a>
	    <c:if test="${not empty reqattIsAdmin}">
	    	<a class="close-delete">удалить!</a>
	    </c:if>
	    <a class="play-pause"></a>
	    <!--  <ol class="indicator"></ol> -->
	</div>
</body>
</html>