em/receptty.org
2
1
Fork 1
Code Pull Requests Actions Releases Activity

Zvětšování náhledových obrázků
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
Emil Miler
2023-11-08 11:00:57 +01:00
parent d741a36aa9
commit df72105d08
4 changed files with 54 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
templates/macros.html
View File

@ -71,7 +71,8 @@
{% for asset in page.assets %}
{% if asset is matching("[img.](jpg|png)$") %}
{% set image = resize_image(path=asset, width=900, height=400, op="fill") %}
<a href="{{ get_url(path=asset) }}"><img src="{{ image.url }}" alt="Náhled"></a>
<img src="{{ image.url }}" alt="Náhled" id="preview-image">
<div id="fullsize-image" class="lightbox"><div style="background-image:url('{{ get_url(path=asset) }}')"></div></div>
{% break %}
{% endif %}
{% endfor %}

5
templates/page.html
View File

@ -26,5 +26,10 @@
for(let i=0; i<list_items.length; i++){
list_items[i].addEventListener('click', function(){ this.classList.toggle("completed"); }, false);
}
let preview_image = document.getElementById('preview-image');
let fullsize_image = document.getElementById('fullsize-image');
preview_image.addEventListener('click', function(){ fullsize_image.classList.add("visible"); }, false);
fullsize_image.addEventListener('click', function(){ fullsize_image.classList.remove("visible"); }, false);
</script>
{% endblock script %}