stl:image 显示图片

通过 stl:image 标签在模板中显示栏目或内容的图片

stl:image 标签示例

示例一:显示指定栏目的图片

下面的例子显示当前栏目的图片,如果栏目没有图片显示,则不显示任何信息。

<stl:container context="Channel">
    <stl:image></stl:image>
</stl:container>

解析后的HTML代码:




示例二:在内容列表中显示内容图片

下面的例子显示栏目索引为"新闻"的栏目的内容图片列表,点击图片后新窗口打开内容页。

    <stl:contents channelIndex="新闻" totalNum="3" isImage="true" width="80%">
        <stl:a target="_blank">
            <stl:image width="200" height="100"></stl:image>
        </stl:a>
    </stl:contents>

解析后的HTML代码:




示例三:显示指定的图片文件

下面的例子显示文件名称为"banner.jpg"的图片文件。

    <stl:image src="@/images/banner.jpg" height="100"></stl:image>

解析后的HTML代码: