-
Notifications
You must be signed in to change notification settings - Fork 3
/
figure.txp
90 lines (74 loc) · 4.34 KB
/
figure.txp
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
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
<txp:images id='<txp:if_yield name="id"><txp:yield name="id" /><txp:else /><txp:custom_field name="article_image" /></txp:if_yield>' offset='<txp:yield name="offset" default="0" />' limit='<txp:yield name="limit" default="10" />' category='<txp:yield name="category" />' break="">
<txp:variable name="caption" value='<txp:image_info />' />
<txp::images_orientation />
<txp:variable name="theimage">
<txp:if_yield name="lightbox">
<a href="<txp:image_url />" onclick="lightbox('<txp:image_url />');return false;">
</txp:if_yield>
<txp:variable name="image-category" value='<txp:image_info type="category" />' />
<txp:if_variable name="image-category" value="svg">
<img src="<txp:site_url />files/<txp:image_info type='alt' />" alt="<txp:image_info type='name' />" <txp:if_yield name="aspect-ratio">style="aspect-ratio: <txp:yield name="aspect-ratio" />;"</txp:if_yield>/>
<txp:else />
<!-- slir image resizing -->
<txp:variable name="pathtoslirfolder" value='<txp:page_url type="theme_path" />/slir' />
<txp:if_yield name="crop">
<txp:variable name="slir-crop"><txp:yield name="crop" /></txp:variable>
<txp:else />
<txp:variable name="slir-crop"><txp:image_info type="w" />:<txp:image_info type="h" /></txp:variable>
</txp:if_yield>
<txp:variable name="image-type" value='<txp:image_info type="ext" />' />
<txp:if_variable name="image-type" value=".webp">
<img
src="<txp:image_url />"
alt="<txp:image_info type='alt' />"
<txp:if_yield name="aspect-ratio">style="aspect-ratio: <txp:yield name="aspect-ratio" />;"</txp:if_yield>
/>
<txp:else />
<img data-sizes="auto"
data-srcset="<txp:variable name="pathtoslirfolder" />/w320-c<txp:variable name="slir-crop" />/<txp:image_url /> 300w,
<txp:variable name="pathtoslirfolder" />/w640-c<txp:variable name="slir-crop" />/<txp:image_url /> 600w,
<txp:variable name="pathtoslirfolder" />/w1280-c<txp:variable name="slir-crop" />/<txp:image_url /> 1200w,
<txp:variable name="pathtoslirfolder" />/c<txp:variable name="slir-crop" />/<txp:image_url /> 2400w"
alt="<txp:image_info type='alt' />"
<txp:if_yield name="aspect-ratio">style="aspect-ratio: <txp:yield name="aspect-ratio" />;"</txp:if_yield>
class="lazyload" />
</txp:if_variable>
<txp:hide>
<!-- smd_thumbnail image resizing (ensure your smd_thumbnail profile names match the type values below) -->
<img data-sizes="auto"
data-srcset="<txp:smd_thumbnail type='320w' format='url' /> 300w,
<txp:smd_thumbnail type='640w' format='url' /> 600w,
<txp:smd_thumbnail type='1280w' format='url' /> 1200w,
<txp:image_url /> 2400w"
alt="<txp:image_info type='alt' />"
<txp:if_yield name="aspect-ratio">style="aspect-ratio: <txp:yield name="aspect-ratio" />;"</txp:if_yield>
class="lazyload" />
</txp:hide>
<txp:hide>
<!-- for out-of-the-box testing purposes; no image resizing (outputs original image) -->
<img src="<txp:image_url />"
alt="<txp:image_info type='alt' />"
<txp:if_yield name="aspect-ratio">style="aspect-ratio: <txp:yield name="aspect-ratio" />;"</txp:if_yield>
<txp:if_first_article not>loading="lazy" </txp:if_first_article> />
</txp:hide>
</txp:if_variable>
<txp:if_yield name="lightbox">
</a>
<txp:variable name="lightbox" value="1" />
</txp:if_yield>
</txp:variable>
<txp:variable name="captionclass" value='<txp:image_info />' />
<txp:if_variable name="captionclass" value><txp:variable name="captionclass" value="a_image--has-caption" /></txp:if_variable>
<figure itemprop="image" itemscope itemtype="https://schema.org/ImageObject" class="a_image <txp:yield name="class" /> <txp:variable name="image-orientation" /> <txp:variable name="captionclass" />">
<txp:variable name="theimage" />
<meta itemprop="width" content="<txp:image_info type="w" />">
<meta itemprop="height" content="<txp:image_info type="h" />">
<txp::u_edit image />
<txp:evaluate>
<figcaption itemprop="caption" class="<txp:yield name="captionclass" />">
<txp:image_info escape="textile" />
</figcaption>
</txp:evaluate>
</figure>
<txp:yield />
</txp:images>