ziver/zallery
1
0
Fork 0
Code Pull requests Releases Activity

started with jsp

Browse source
This commit is contained in:
Ziver Koc 2018-07-25 16:20:57 +02:00
parent 84881d3297
commit 1a907de8ba
2 changed files with 13 additions and 34 deletions
Download patch file Download diff file Expand all files Collapse all files

45
WebContent/page_gallery.jsp
View file

@ -1,3 +1,5 @@
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<jsp:include page="header.jsp"/>
<jsp:include page="navbar.jsp"/>
@ -7,45 +9,22 @@
<div class="gallery col-center col-md-11">
<div class="row">
<div class="grid folder-grid">
<div class="grid-item folder-thumb col-md-2 col-sm-3 col-xs-4">
<img class="img-responsive" src="img/folder2.jpg"/>
</div>
<div class="grid-item folder-thumb col-md-2 col-sm-3 col-xs-4">
<img class="img-responsive" src="img/folder2.jpg"/>
</div>
<div class="grid-item folder-thumb col-md-2 col-sm-3 col-xs-4">
<img class="img-responsive" src="img/folder2.jpg"/>
</div>
<c:forEach items="${subfolders}" var="subfolder">
<div class="grid-item folder-thumb col-md-2 col-sm-3 col-xs-4">
<img class="img-responsive" src="${subfolder.getThumbnailUrl()}" alt="${subfolder.getName()}" />
</div>
</c:forEach>
</div>
<hr>
</div>
<div class="row">
<div class="grid image-grid">
<div class="grid-item photo-thumb col-md-3 col-sm-6 col-xs-12">
<img class="img-responsive" src="http://lorempixel.com/400/200"/>
</div>
<div class="grid-item photo-thumb col-md-3 col-sm-6 col-xs-12">
<img class="img-responsive" src="http://lorempixel.com/400/400"/>
</div>
<div class="grid-item photo-thumb col-md-3 col-sm-6 col-xs-12">
<img class="img-responsive" src="http://lorempixel.com/400/200"/>
</div>
<div class="grid-item photo-thumb col-md-3 col-sm-6 col-xs-12">
<img class="img-responsive" src="http://lorempixel.com/400/200"/>
</div>
<div class="grid-item photo-thumb col-md-3 col-sm-6 col-xs-12">
<img class="img-responsive" src="http://lorempixel.com/400/800"/>
</div>
<div class="grid-item photo-thumb col-md-3 col-sm-6 col-xs-12">
<img class="img-responsive" src="http://lorempixel.com/400/200"/>
</div>
<div class="grid-item photo-thumb col-md-3 col-sm-6 col-xs-12">
<img class="img-responsive" src="http://lorempixel.com/400/300"/>
</div>
<div class="grid-item photo-thumb col-md-3 col-sm-6 col-xs-12">
<img class="img-responsive" src="http://lorempixel.com/400/400"/>
</div>
<c:forEach items="${media}" var="item">
<div class="grid-item photo-thumb col-md-3 col-sm-6 col-xs-12">
<img class="img-responsive" src="${item.getUrl()}"/>
</div>
</c:forEach>
</div>
</div>
</div> <!-- /gallery -->