我试图确定是否可以根据图像的尺寸在Jekyll中向图像添加特定的类。基本上,我想循环浏览文件夹中的几张图像,并根据图像是横向还是纵向模式(即,如果宽度大于高度,反之亦然)向图像添加正确的类。
我已经尝试使用JavaScript来做到这一点,但我更喜欢一种在网站的构建过程中而不是页面加载时添加类的方法。
这是图像循环:
<div class="model-gallery">
{% capture gallery_path %}pics/models/gallery/{{ page.title | slugify | replace: '-','' | replace: 'å','a' | replace: 'ä','a' | replace: 'ö','o' }}{% endcapture %}
{% for image in site.static_files %}
{% if image.path contains gallery_path %}
{{image.size}}
<img class="gallery-item" src="{{ site.baseurl }}{{ image.path }}" alt="{{page.title}}, {{site.title}}" />
{% endif %}
{% endfor %}
</div>
有什么想法吗?