aboutsummaryrefslogtreecommitdiff
path: root/templates/shortcodes/imgswap.html
blob: 4397b2968b26e004d881d568d00ce37c2a03f9fe (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
<div class="img-swap-div">
  {%- set dirtest = main_src | trim_start_matches(pat="./") %}
  {%- if dirtest is containing("/") %}
    {%- set reldir = true %}
  {%- endif %}

  {%- if main_src is starting_with("./") and reldir %} {# Relative Path #}
    {%- set path = main_src | trim_start_matches(pat="./") | split(pat="/") | slice(end=-1) | join(sep="/") | trim_start_matches(pat="/") %}
    {%- set path = path ~ "/"  %}

  {%- elif main_src is starting_with("/") %} {# Root Path #}
    {%- set rootpath = main_src | split(pat="/") | slice(end=-1) | join(sep="/") %}
    {%- set path = config.base_url ~ rootpath ~ "/"  %}

  {%- else %} {# Same Directory Path #}
    {%- set path = "" %}

  {%- endif %}

  {%- if not w or not h %}
    {%- set metafile = page.path ~ path ~ main_src %}
    {%- set meta = get_image_metadata(path=metafile) %}
    {%- set w = meta.width %}
    {%- set h = meta.height %}
  {%- endif %}

  {%- set img = main_src | split(pat="/") | last %}

  {%- if not alt %}
    {%- set alt = img | split(pat=".") | first %}
  {%- endif %}
  <img src="{{ path | safe }}{{ img | safe }}" class="img-main{% if class %} {{class}}{% endif %}"{% if alt %} alt="{{alt}}"{% endif %}{% if w %} width="{{w}}"{% endif %}{% if h %} height="{{h}}"{% endif %} loading="lazy" />

  {%- set dirtest = swap_src | trim_start_matches(pat="./") %}
  {%- if dirtest is containing("/") %}
    {%- set reldir = true %}
  {%- endif %}

  {%- if swap_src is starting_with("./") and reldir %} {# Relative Path #}
    {%- set path = swap_src | trim_start_matches(pat="./") | split(pat="/") | slice(end=-1) | join(sep="/") | trim_start_matches(pat="/") %}
    {%- set path = path ~ "/"  %}

  {%- elif swap_src is starting_with("/") %} {# Root Path #}
    {%- set rootpath = swap_src | split(pat="/") | slice(end=-1) | join(sep="/") %}
    {%- set path = config.base_url ~ rootpath ~ "/"  %}

  {%- else %} {# Same Directory Path #}
    {%- set path = "" %}

  {%- endif %}

  {%- if not w or not h %}
    {%- set metafile = page.path ~ path ~ swap_src %}
    {%- set meta = get_image_metadata(path=metafile) %}
    {%- set w = meta.width %}
    {%- set h = meta.height %}
  {%- endif %}

  {%- set img = swap_src | split(pat="/") | last %}

  {%- if not alt %}
    {%- set alt = img | split(pat=".") | first %}
  {%- endif %}
  <img src="{{ path | safe }}{{ img | safe }}" class="img-swap{% if class %} {{class}}{% endif %}"{% if alt %} alt="{{alt}}"{% endif %}{% if w %} width="{{w}}"{% endif %}{% if h %} height="{{h}}"{% endif %} loading="lazy" />
</div>