首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >在单个页面上添加多个图像

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

Stack Overflow用户
提问于 2015-05-21 11:39:43
回答 2查看 1.7K关注 0票数 3

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

我想要有3-4段的页面,在段落下面我想要多张图片,比如一个小型图片库,我在螺栓库中找到了一个图片的扩展,但是它更面向照片,如果可以更简单地使用插件.奇怪的是,如果boltcms可以在默认构建中做到这一点的话。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2015-05-22 07:04:50

在contenttypes.yml安装文件中,向字段中添加一个映像列表,如下所示:

代码语言:javascript
复制
    gallery:
        type: imagelist
        label: "Gallery Images"

然后,在您的前端模板中,您可以按照您的图库插件所需的样式打印出来,下面是一个使用Magni显的例子:

代码语言:javascript
复制
{% 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 %} 
票数 6
EN

Stack Overflow用户

发布于 2016-06-29 20:21:39

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

代码语言:javascript
复制
{% for img in record.gallery %}
    {{ popup(img, 150, 100) }}
{% endfor %}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/30372669

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档