图片类型，既发表的文章为图片类型。其实图片类型又可分为单张图片和多张图片（大多数情况下，两种图片的渲染方法不太一样）
语句块
| 开始标签 |
结束标签 |
说明 |
| {?post.photo} |
{/post.photo} |
图片类型 |
| {?photos.single} |
{/photos.single} |
单张图片 |
| {?photos.multi} |
{/photos.multi} |
多张图片 |
| {?photos@first} |
{/photos@first} |
第一张图片 |
| {?photos@last} |
{/photos@last} |
最后一张图片 |
| {?loop:photos} |
{/loop:photos} |
图片循环，依赖{?post.photo} |
| {?photo.exif} |
{/photo.exif} |
图片有exif信息，依赖{?loop:photos} |
| {?!photo.exif} |
{/!photo.exif} |
图片没有exif信息，依赖{?loop:photos} |
变量
使用时，需要在图片类型下使用，依赖标签：{?post.photo}
图片类型公共变量
| 变量 |
说明 |
| {$photos.count} |
图片个数 |
| {$photos.title} |
图片集标题 |
| {$photos.description} |
图片集描述 |
每张图片的变量
| 变量 |
说明 |
| {$photo.description} |
单张图片描述 |
| {$photo.index} |
图片索引序号 |
| {$photo.250.src} |
图片地址，图片最大宽度250px |
| {$photo.250.width} |
图片宽度，图片最大宽度250px |
| {$photo.250.height} |
图片高度，图片最大宽度250px |
| {$photo.500.src} |
图片地址，图片最大宽度500px |
| {$photo.500.width} |
图片宽度，图片最大宽度500px |
| {$photo.500.height} |
图片高度，图片最大宽度500px |
| {$photo.800.src} |
图片地址，图片最大宽度800px |
| {$photo.800.width} |
图片宽度，图片最大宽度800px |
| {$photo.800.height} |
图片高度，图片最大宽度800px |
| {$photo.1280.src} |
图片地址，图片最大宽度1280px |
| {$photo.1280.width} |
图片宽度，图片最大宽度1280px |
| {$photo.1280.height} |
图片高度，图片最大宽度1280px |
| {$photo.square_100} |
宽高均为100px的方形图片 |
| {$photo.square_250} |
宽高均为250px的方形图片 |
| {$photo.auto_size.width} |
图片宽度，尺寸根据photo.auto_size_limit配置调整 |
| {$photo.auto_size.height} |
图片高度，尺寸根据photo.auto_size_limit配置调整 |
| {$photo.auto_size.stretch_height} |
图片高度，尺寸根据photo.auto_size_limit配置调整，宽度小于配置时按比例拉伸 |
| {$photo.exif.make} |
exif信息，品牌 |
| {$photo.exif.model} |
exif信息，型号 |
| {$photo.exif.aperture} |
exif信息，光圈 |
| {$photo.exif.shutter} |
exif信息，快门 |
| {$photo.exif.focal_length} |
exif信息，焦距 |
| {$photo.exif.focal_length_35} |
exif信息，35mm等效焦距 |
| {$photo.exif.lens} |
exif信息，镜头 |
| {$photo.exif.iso} |
exif信息，ISO |
| {$photo.exif.software} |
exif信息，软件 |
| {$photo.exif.white_balance} |
exif信息，白平衡 |
| {$photo.exif.exposure_program} |
exif信息，曝光程序 |
| {$photo.exif.exposure_bias} |
exif信息，曝光补偿 |
| {$photo.exif.flash} |
exif信息，闪光灯 |
| {$photo.exif.date} |
exif信息，照片时间 |
注1：若图片真实宽高小于方形图片宽高，则切成最小边尺寸的方形图
注2：photo.auto_size_limit配置见系统配置
示例
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
| <html>
<body>
<!--循环输出文章-->
{?loop:posts}
<div class="post-content">
<!--判断为图片类型-->
{?post.photo}
{?loop:photos}
<!--判断为单张图片-->
{?photos.single}
<a href="{$post.url}">
<img src="{$photo.500.src}"/>
</a>
{/photos.single}
<!--判断为多张图片-->
{?photos.multi}
<!--判断为列表视图页-->
{?view.list}
<!--此处选择了一种展示策略(如：“灰”、“跃”、“慢节奏”等模板使用此种策略)：-->
<!--在列表页视图页只显示第一张图片，并显示总图片数-->
{?photos@first}
<a href="{$post.url}">
<img src="{$photo.500.src}"/>
</a>
<span>共{$photos.count}张图片</span>
{/photos@first}
{/view.list}
<!--判断为文章视图页-->
{?view.post}
<!--在文章视图页显示所有图片-->
<img src="{$photo.500.src}"/>
<!--如果有该张图片的图片描述，输出该张图片的描述-->
<!--此处需要注意变量photo.descript和photos.description的区别(一不小心就写错了)-->
<!--前者为当前图片的图片描述，后者为图片集的描述-->
{?$photo.description}
<p>{$photo.description}</p>
{/$photo.description}
<!--判断为最后一张图片-->
{?photos@last}
<!--此处选择了一种展示策略（如：“蓝光”等模板使用了此种策略）-->
<!--只在文章视图页显示图片集标题，并且标题放在所有图片的最下面-->
{?$photos.title}
<h2>{$photos.title}</h2>
{/$photos.title}
<!--如果有图片集的描述，输出图片集的描述，注意与变量photo.description的区别-->
{?$photos.description}
<p>{$photos.description}</p>
{/$photos.description}
{/photos@last}
{/view.post}
{/photos.multi}
{/loop:photos}
{/post.photo}
</div>
{/loop:posts}
</body>
</html>
|
