Question

我使用灯箱但这个代码有问题显示灯箱而不是

<a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>

我将此代码用于视图

   $thumb = $this->Html->image('images/thumb-1.jpg');
    $full = $this->Html->image('/images/image-1.jpg', array('rel' => 'lightbox'));
    echo $this->Html->link($thumb,$full, array('escape' => false));

但是我看到了这个错误

Error: The action <img src=" is not defined in controller ImagesController

Error: Create ImagesController::<img src="() in file: app\controllers\images_controller.php.

<?php
class ImagesController extends AppController {

    var $name = 'Images';


    function <img src="() {

    }

}
?>

Notice: If you want to customize this error message, create app\views\errors\missing_action.ctp

Answer 1

翻译the instructions：

Lightbox 2使用Prototype Framework和Scriptaculous Effects Library。您需要在这里包含这三个Javascript文件标题（按此顺序）。
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>

对于Cake，意味着将这些行放入default.ctp布局，将Javascript文件放入webroot/js文件夹。

包含Lightbox CSS文件（或使用灯箱样式附加活动样式表）。
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

再次，将它放在布局和css文件中webroot/css。

检查CSS并确保引用的prev.gif和next.gif 文件位于正确的位置。另外，请确保loading.gif和在close.gif文件顶部附近引用的lightbox.js个文件在正确的位置。

确保图片位于webroot/img的正确位置，根据需要调整路径。

将rel =“lightbox”属性添加到任何链接标记以激活灯箱。例如：
<a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>

通过向链接助手添加属性来执行此操作：

$this->Html->link('image #1', '/img/images-1.jpg', array('rel' => 'lightbox'));

Answer 2

由于您没有列出您尝试过的任何代码，因此我假设您尚未开始集成。查看此链接，它有您需要的： Lightbox using CakePHP

在cakephp 1.3中编写这个帮助程序代码的正确方法是什么

2 个答案: