![](https://box.kancloud.cn/52bb4942f87ab18febc788c1a8947415_971x456.png)
单张图片标签的使用也是非常多的.
大家先看上面的图片,单张图,通常有两种标签写法,第一种是可以灵活控制图片事件或点击事件. 但是代码就多一点,演示数据需要你单独给出来.
第二种就代码比较简洁,只给演示数据就可以了. 事件的话,需要你单独通CSS或者是JS控制,因为系统默认给出的数据将是以下格式,链接是强制新开窗口 图片大小 也需要你通过CSS 或者 JS 处理。
~~~
<a href="{$url}" target="_blank"><img src="{$picurl}"></a>
~~~
所以说,两种方式看不同的情况,看个人不同的爱好自由选择。第一种代码多一点,但灵活性强一些。第二种代码少点,但需要你善长JS或CSS控制显示与事件。
### 特别提醒一下,单张图片这里的变量名是
{$url} 不是 {$rs.url}
{$picurl} 也同样不是 {$rs.picurl}
除此单张图外,其它地方都是(包括多张图) {$rs.url} {$rs.picurl}
仅仅单张图片这里比较特殊
### 最后,大家要注意的一个关键点:
像文本标签一样,
~~~
{qb:tag name="web_banner_pic01" type="image"}
<a href="#"><img src="xxx.jpg"></a>
{/qb:tag}
~~~
这种简单处理的单张图,也即没使用变量的,就可以把演示数据直接这样写出来,不需要加注释符.再加注释的话就显得很罗索,比如你也可以像下面这样写,但显得很罗索
~~~
{qb:tag name="web_banner_pic01" type="image"}
<!--
<a href="#"><img src="xxx.jpg"></a>
-->
{/qb:tag}
~~~
- 序言
- 声明
- 齐博X1基础
- 齐博X1的诞生
- 齐博X1目录结构
- 如何安装齐博X1
- 新手快速入门教程
- 常用文件目录说明
- 齐博X1标签
- 什么是标签
- 当前URL标签
- 图片标签
- 单张图片标签的使用
- 多张组图的标签调用
- 标签进阶之幻灯片制作
- 背景图如何设置标签
- 内容页标签
- 内容页中下一页上一页的标签
- 内容评论标签的风格制作
- 标签实例
- 做模板组图单图无图混排的处理
- 列表页制作及无滚动加载内容
- 调用多个圈子同时调用贴子
- 调用多个圈子同时调用相关会员
- 标签的嵌套用法,调用聚合数据
- 标签如何调用论坛内容
- 标签设置取组图不存在就取内容中的图片
- 标签之无刷新显示更多
- 异步加载标签数据
- 标签动态调用数据
- 文本代码标签的使用
- where 标签动态变量查询
- where 实现条件筛选与数据关联
- 会员中心如何加标签
- 模板中常用的TP标签数据处理
- 同一个标签要更换不同模块的数据
- 万能数据统计之fun函数
- 齐博X1模块
- 什么是模块?模块的组成。
- 如何添加字段
- 栏目名称的调用
- 栏目名称调用详解
- 相关栏目名称的调用
- 辅栏目(专题)的使用说明
- 模块后期要加参数的方法
- 表单自动生成器
- 简单的模块制作说明(随风编写)
- 齐博X1插件
- 插件.七牛云.配置说明
- 齐博X1钩子
- 钩子简单制作-tag加连接解说版(随风编写)
- 齐博X1模板
- 模板目录文件说明
- 几个关键模板文件要熟知
- 新模板要注意问题
- 模板文件调用的优先级
- 2018.8.13模板制作升级调整
- block模板的分块替换
- 模板包含文件使用说明
- 圈子黄页风格制作说明
- 齐博X1配置
- 微信和小程序的配置
- 如何对接公众号
- 对接小程序设置
- 在线支付接口的使用
- 支付宝对接收款配置
- 阿里云短信配置
- 邮箱接口设置
- 邮箱接口设置之QQ普通邮箱
- 邮箱接口设置之163普通邮箱
- 邮箱接口设置之QQ企业邮箱
- QQ登录接口配置
- 齐博X1路由
- URL伪静态设置
- route.php与routemy.php短网址设置
- 齐博X1二次开发
- 二次开发的灵魂fun函数
- 商城判断是否购买过
- 如何调取当前模块ID
- 模块安装文件讲解
- 表单快速启用城市地区功能
- 自定义字段多文件多图的显示处理
- 后台网站参数配置修改与添加
- 频道插件如何对接圈子
- 自定义字段下拉菜单关联其它数据表
- 自定义字段表单默认调用会员资料
- 齐博X1注意事项
- 云市场注意事项
- 如何强制进后台
- 换服务器如何转移网站
- 再强调严禁用记事本改任何文件
- 解决Web部署 svg/woff/woff2字体 404错误
- 齐博X1更新记录
- 关于thinkphp5