在单个页面上添加多个图像

时间:2015-05-21 11:39:43

标签: bolt-cms

如何在页面上添加多个图像?

我希望有3-4个段落的页面,在段落下我希望有多个图像像一个小型照片库,我找到了一个扩展的图像在螺栓库但它更像摄影导向,我徘徊,如果它可以使用插件更简单...好奇心是如果boltcms可以使用默认构建执行此操作。

2 个答案:

答案 0 :(得分:5)

在您的contenttypes.yml设置文件中,向您的字段添加一个图片列表,如下所示:

    gallery:
        type: imagelist
        label: "Gallery Images"

然后在你的前端模板中,你以画廊插件所需的风格打印出来,这里有一个以magnific为例的例子:

{% for image in record.gallery %}
    <a href="{{ thumbnail(image, 1000, 1000) }}">
        <i class="fi-arrows-expand hide"></i>
        <img src="{{thumbnail(image,150,100)}}"> 
    </a>   
{% endfor %} 

答案 1 :(得分:0)

如果你想使用默认Bolt主题中包含的灯箱插件,@ Ross'for循环可以更简单一些:

{% for img in record.gallery %}
    {{ popup(img, 150, 100) }}
{% endfor %}