-
Notifications
You must be signed in to change notification settings - Fork 44
/
images.tmpl
103 lines (83 loc) · 3.22 KB
/
images.tmpl
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
91
92
93
94
95
96
97
98
99
100
101
102
103
<!--IMAGE_SETTINGS_START//-->
; this is formatted like WIN.INI
; please: do not use comments for value lines
; settings will overwrite CP settings
;width = 100
;height = 100
;col = 1
;zoom = 1
;crop = 0
;space = 10
;lightbox = 1
;nocaption = 0
;thumb_class = image-responsive
;random = 0
;limit = 0
; if set to 1 and total amount of images > limit render hidden feature
;hide_limited = 0
; 0 = no center, 1 = horizontal/vertical, 2 = horizontal, 3 = vertical
;center_image = 0
;image_class_center_center = image-center-center
;image_class_center_horizontal = image-center-horizontal
;image_class_center_vertical = image-center-vertical
<!--IMAGE_SETTINGS_END//-->
<!--IMAGES_HEADER_START//-->
[ATTR_CLASS]<div class="{ATTR_CLASS}"[ATTR_ID] id="{ATTR_ID}"[/ATTR_ID]>[/ATTR_CLASS][ATTR_CLASS_ELSE][ATTR_ID]<div id="{ATTR_ID}">[/ATTR_ID][/ATTR_CLASS_ELSE]
[TITLE]<h3>{TITLE}</h3>[/TITLE]
[SUBTITLE]<h4>{SUBTITLE}</h4>[/SUBTITLE]
[TEXT]{TEXT}[/TEXT]
<div class="images[IMAGE_CLASS_CENTER] {IMAGE_CLASS_CENTER}[/IMAGE_CLASS_CENTER] images-count-{IMAGE_COUNT}" id="images{ID}">
<!--IMAGES_HEADER_END//-->
<!--IMAGES_ENTRY_START//-->
<div class="imageEntry[FIRST] first[/FIRST][LAST] last[/LAST][ROW] row{ROW}[/ROW] slide{ENTRY_ID} num{ENTRY_NUM}[IMAGE_CLASS_CENTER] {IMAGE_CLASS_CENTER}[/IMAGE_CLASS_CENTER]" id="img{IMGID}"[HIDDEN] style="display:none"[/HIDDEN]>
{IMAGE}
[CAPTION]<p>{CAPTION}</p>[/CAPTION][CAPTION_ELSE]<p>{IMGNAME}</p>[/CAPTION_ELSE]
</div>
<!--ENTRY_DATA_START//-->
<li data-target="#images{ID}" data-slide-to="{ENTRY_ID}"[FIRST] class="active"[/FIRST]>
<a href="#img{IMGID}">Image {ENTRY_NUM}</a>
</li>
<!--ENTRY_DATA_END//-->
<!--IMAGES_ENTRY_END//-->
<!--IMAGES_ENTRY_SPACER_START//-->
<!-- space between images {SPACE}px -->
<!--IMAGES_ENTRY_SPACER_END//-->
<!--IMAGES_ROW_SPACER_START//-->
<!-- space between image rows {SPACE}px -->
<!--IMAGES_ROW_SPACER_END//-->
<!--IMAGES_FOOTER_START//-->
[DATA]
<ol class="indicators">
{DATA}
</ol>
<div class="controls">
<a class="prev" href="#images{ID}" role="button" data-slide="prev">
<span>Previous</span>
</a>
<a class="next" href="#images{ID}" role="button" data-slide="next">
<span>Next</span>
</a>
</div>
[/DATA]
</div>
[ATTR_CLASS]</div>[/ATTR_CLASS][ATTR_CLASS_ELSE][ATTR_ID]</div>[/ATTR_ID][/ATTR_CLASS_ELSE]
<!--IMAGES_FOOTER_END//-->
Thumbnail image: {THUMB_NAME}
relative: {THUMB_REL}
absolute: {THUMB_ABS}
height/width: {THUMB_HEIGHT}px/{THUMB_WIDTH}px
height/width max: {THUMB_HEIGHT_MAX}px/{THUMB_WIDTH_MAX}px
columns: {THUMB_COLUMNS}
image ID: {IMAGE_ID}
image Hash: {IMAGE_HASH}
image Extension: {IMAGE_EXT}
Slide ID: {SLIDE_ID}
Slide Number: {SLIDE_NUM}
[SLIDES]{SLIDES}[/SLIDES]
If you are not sure wrap zoomed image:
[ZOOM]
Zoomed (big) image: {IMAGE_NAME}
relative: {IMAGE_REL}
absolute: {IMAGE_ABS}
height/width: {IMAGE_HEIGHT}px/{IMAGE_WIDTH}px
[/ZOOM]