剑鱼论坛的主题制作首图标签的使用

 剑鱼论坛 发表于 2021年05月16日 剑鱼主题教程  110
剑鱼论坛
LV 7 大学
最后在线:5天前
加入时间:2年前
主帖:136  跟帖:86

我们在剑鱼主题制作教程的《剑鱼论坛主题制作之列表页标签详解》里面介绍了列表页标签的使用,这篇教程再补充一点内容,就是首图标签的使用。

我们如果要做一个图文并茂的列表页,那么就需要使用图片,剑鱼有一个专门用于列表页图片输出的标签,就是“shoutu”。

下面我们来详细介绍这个“shoutu”标签的使用方法。

我们在前面的学习中知道,剑鱼的列表页有以下两个循环标签:

1、jianyu.zhiding

2、jianyu.tie

“shoutu”标签是用于上面的循环标签内部的,我们先看下面的例子:

{volist name="jianyu.tie" id="vo"}
<img src="{$vo.shoutu}">
{/volist}

在上面的例子里面,我们只是做了一个简单的演示,去掉了实际HTML代码,以及循环内的其他标签,这样更容易看得清楚“shoutu”标签的使用。

在上面的代码里面,第一行和最后一行是循环代码,意思是对标签“jianyu.tie”里面的内容循环输出。

我们看第二行代码,这行代码实际是一个HTML代码,就是HTML的img标签,用于输出图片。我们主要看的是img标签的“src”属性,这个属性里面我们使用了剑鱼的标签“{$vo.shoutu}”,这个标签就是用于输出首图地址的标签。我们在循环内部写上这个标签就可以输出图片了。

论坛主帖
261
论坛跟帖
284
在线访客
0
今日主帖
0
今日跟帖
0
今日注册
0
308
http://jianyuluntan.com/gentie.html
http://jianyuluntan.com/postzan.html
http://jianyuluntan.com/postcai.html
http://jianyuluntan.com/postshoucang.html
http://jianyuluntan.com/gentiezan.html
http://jianyuluntan.com/gentiecai.html
http://jianyuluntan.com/huifu.html
http://jianyuluntan.com/xiugai.html
http://jianyuluntan.com/shanchugentie.html
1
XzA=
1
© 2019 - 2021 剑鱼论坛 版权所有
Powered by JianYuLunTan
剑鱼论坛 976666861
http://jianyuluntan.com/feedback.html
http://jianyuluntan.com/qiandao.html
http://jianyuluntan.com/denglu.html
0
http://jianyuluntan.com/adenglu.html
0
剑鱼论坛