{% assign gallery_name = include.name | default: “gallery” %}
{% assign gallery_prefix = page.id | prepend: “/assets” | append: “/” | append: gallery_name %}
{% assign valid_image_extensions = “.jpg,.jpeg,.png,.gif” | split: “,” %} {% assign valid_image_sizes = “-300,-700” | split: “,” %}
{% assign sorted_static_files = site.static_files | map: “path” | sort | join: “|” | append: gallery_prefix | append: “/dummy-700.jpg” | split: “|” %}
{% assign img_sizes = “(max-width: 500px) 300px, 700px” %}
{% assign prev_same_image_path = “-” %}
<div class=“gallery” id=“gallery-{{ gallery_name }}”>
{% assign image_index = 0 %} {% assign gallery_nav = "" %} {% assign image_srcset = "" %} <div class="images"> {% for image_path in sorted_static_files %} {% assign image_ext = image_path | split: "." | last | prepend: "." %} {% if valid_image_extensions contains image_ext %} {% if image_path contains gallery_prefix %} {% assign same_image_path = "" %} {% assign srcset = "" %} {% for dash_size in valid_image_sizes %} {% if image_path contains dash_size %} {% assign same_image_path = image_path | split: dash_size | first %} {% assign size = dash_size | remove: "-" %} {% assign srcset = image_path | prepend: site.baseurl | append: " " | append: size | append: "w" %} <!-- <li>srcset1={{ srcset }}</li> --> {% endif %} <!-- <li>srcset2={{ srcset }}</li> --> {% endfor %} {% if same_image_path == blank %} {% assign src = image_path %} {% endif %} {% if srcset != blank %} <!-- <li>srcset3={{ srcset }}</li> --> <!-- <li>prev_same_image_path={{ prev_same_image_path }}</li> --> <!-- <li>same_image_path={{ same_image_path }}</li> --> {% if same_image_path == prev_same_image_path && true %} {% if image_srcset != blank %} {% assign image_srcset = image_srcset | append: "," %} {% endif %} {% assign image_srcset = image_srcset | append: srcset %} {% else %} {% if prev_same_image_path == "-" %} {% assign prev_same_image_path = same_image_path %} {% assign image_srcset = srcset %} {% else %} {% assign image_index = image_index | plus: 1 %} <img id="{{ gallery_name}}-{{ image_index }}" srcset="{{ image_srcset }}" sizes="{{ img_sizes }}" src="{{ site.baseurl }}{{ src }}" /> {% assign prev_same_image_path = same_image_path %} {% assign image_srcset = "" %} {% endif %} {% endif %} {% endif %} {% endif %} {% endif %} {% endfor %} </div> <nav>
<!– <div class=“preview”>
<div class="vg"></div> <div class="hg"></div> </div> --> <div class="play"> <input type="checkbox" checked="false" id="{{ gallery_name }}-play" /> <label for="{{ gallery_name }}-play"></label> </div> </nav>
</div>