Fancybox galerie

content
Emil Miler 4 years ago
parent a1d63695d7
commit 9fc96bb8f0

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

@ -37,6 +37,6 @@
<p>Magdalény Rettigové 4, 116 39, Praha 1</p> <p>Magdalény Rettigové 4, 116 39, Praha 1</p>
<p>Praha UK PedF KITTV, {{ now() | date(format="%Y") }}</p> <p>Praha UK PedF KITTV, {{ now() | date(format="%Y") }}</p>
</footer> </footer>
{% block javascript%}{% endblock %} {% block javascript %}{% endblock %}
</body> </body>
</html> </html>

@ -1,5 +1,9 @@
{% extends "base.html" %} {% extends "base.html" %}
{% block styles %}
<link rel="stylesheet" href="{{ get_url(path="fancybox/jquery.fancybox.min.css") }}">
{% endblock styles %}
{% block extra %} {% block extra %}
{{ macro::breadcrumbs(page=page) }} {{ macro::breadcrumbs(page=page) }}
{% endblock %} {% endblock %}
@ -17,3 +21,8 @@
</section> </section>
</main> </main>
{% endblock content %} {% endblock content %}
{% block javascript %}
<script src="{{ get_url(path="lib/jquery-3.6.0.min.js") }}"></script>
<script src="{{ get_url(path="fancybox/jquery.fancybox.min.js") }}"></script>
{% endblock %}

@ -211,7 +211,7 @@
<div class="gallery"> <div class="gallery">
{% for asset in page.assets %} {% for asset in page.assets %}
{% if asset is matching("[.](jpg|png)$") %} {% if asset is matching("[.](jpg|png)$") %}
<img src="{{ resize_image(path=asset, width=300, height=200, op="fill") }}" alt="{{ asset }}"> <a data-fancybox="{{ page.title }}" href="{{ get_url(path=asset) }}"><img src="{{ resize_image(path=asset, width=300, height=200, op="fill") }}" alt="{{ asset }}"></a>
{% endif %} {% endif %}
{% endfor %} {% endfor %}
</div> </div>

Loading…
Cancel
Save