如何在CakePHP模板文件上显示图像(default.ctp)使用Bootstrap

Gir*_*wda 2 php cakephp twitter-bootstrap twitter-bootstrap-3

我正在CakePHP中创建一个网站仪表板..我正在使用bootstrap 3.0.

1)我想显示的图象呈现中webroot/img的在default.ctp文件中.

2)我希望该图像显示在thumbnails( bootstrap )div中.

我使用html helper ie,echo $this->Html->image('img.png', array('alt' => 'CakePHP'));作为标签的source属性img.

但没有工作..

编辑

这是我在bootstrap代码中尝试的方式.

<div class="row"
    <p><b>Target Image</b></p>
    <div class="col-lg-3 col-md-3 col-sm-3">
         <a href="#" class="thumbnail">
            <img data-src="holder.js/100%x100" src="<?php $this->Html->image('img.png', array('alt' => 'CakePHP', 'border' => '0')); ?>" />
          </a>
     </div>
</div>
Run Code Online (Sandbox Code Playgroud)

Jor*_*ink 11

编辑:
您正在将完整的图像标记放入图像的源中.有关此主题,请参阅cookbook的HTML帮助程序:http://book.cakephp.org/2.0/en/core-libraries/helpers/html.html

所以,如果你替换这一行:

<img data-src="holder.js/100%x100" src="<?php $this->Html->image('img.png', array('alt' => 'CakePHP', 'border' => '0')); ?>" />
Run Code Online (Sandbox Code Playgroud)

有了这条线:

<?php echo $this->Html->image('img.png', array('alt' => 'CakePHP', 'border' => '0', 'data-src' => 'holder.js/100%x100')); ?>
Run Code Online (Sandbox Code Playgroud)

这应该够了吧.