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

some work on main page

Browse source
This commit is contained in:
Ziver Koc 2018-08-14 12:14:59 +02:00
parent 0e70893ee5
commit 2c75feddfe
7 changed files with 72 additions and 58 deletions
Download patch file Download diff file Expand all files Collapse all files

66
WebContent/page_gallery.jsp
View file

@ -1,46 +1,50 @@
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib prefix="t" tagdir="/WEB-INF/tags" %>
<t:header />
<t:navbar />
<div class="container">
<t:navbar />
<script type="text/javascript">
$(function(){
$('.image-grid').imagesLoaded(function(){
$('.grid').masonry({
itemSelector: '.grid-item',
columnWidth: '.grid-item',
<script type="text/javascript">
$(function(){
$('.image-grid').imagesLoaded(function(){
$('.grid').masonry({
itemSelector: '.grid-item',
columnWidth: '.grid-item',
});
});
});
});
</script>
</script>
<div class="content">
<div class="content">
<div class="gallery col-center col-md-11">
<div class="row">
<div class="grid folder-grid">
<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.getName()}" alt="${subFolder.getName()}" />
</div>
</c:forEach>
<div class="gallery col-center col-md-11">
<div class="row">
<div class="grid folder-grid">
<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.getName()}" alt="${subFolder.getName()}" />
</div>
</c:forEach>
</div>
<hr>
</div>
<hr>
</div>
<div class="row">
<div class="grid image-grid">
<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 class="row">
<div class="grid image-grid">
<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>
</div> <!-- /gallery -->
</div> <!-- /gallery -->
</div> <!-- /content -->
</div> <!-- /content -->
</div> <!-- /container -->
<t:footer />