插入图像

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

使用 HTML 类的 image 方法,可以在模板文件里面插入图像。这个方法有四个参数,第一个参数是图像的地址,第二个参数是图像的 alt 属性的值,第三个参数是一个属性数组,最后一个参数是,是否要使用 https 协议插入图像。

下面,我们可以在这个模板文件里面,插入一张图像 ... 图像文件是在 public 目录下面的 image 目录里面。

两层花括号... 然后输入 HTML 冒号冒号,image ... 图像是在 image 目录下面,叫做 fargo-poster.jpg ... 用逗号分隔一下,再去设置它的第二个参数,也就是图像的 alt 属性的值 .. '冰血暴海报' ... 第三个参数是一个属性的数组 ... 比如你可以给图像添加 class 属性,指定一个 css 类,可以添加 id 属性,也可以是其它自定义的属性,这些属性的名称,还有属性的值,要放在一个数组里。

比如我们去给这个图像添加一个 class 属性 ... 先输入一个 array ,去定义一个数组 ... 数组里面使用名值对的形式 ... 设置的属性的名称是 class .... 跟它对应的值是 img-circle .. 这个类的样式是来自 bootstrap 样式表 ...

用逗号再分隔一下 ... 可以继续去定义其它的应用在这个图像上的属性还有对应的值 .... 再添加一个 width 属性 ... 设置一下图像的宽度 ... 对应的值是 xxx ...

{{ HTML::image('image/bg.jpg', '背景', array('class' => 'img-circle', 'width' => '200px')) }}

下面到浏览器里预览一下 ...

在页面上,会显示出 image 目录下面的 xxx 这张图像 ... 再查看一下这个地方的元素 ...

在这个图像标签里面,还会包含一个 class 属性 ... 值是 xxx ... 还有一个 width 属性 ... 对应的值是 xxx ...

插入图像《 Laravel 4 基础 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点