cakephp和thickbox-如何使图像成为打开thickbox的链接

Question

嗨，我正在尝试使用一个thickbox http://jquery.com/demo/thickbox/在我的主页上打开一个表单。

我希望打开thickbox的链接是一幅图像，但对于所有这些我都在努力寻找确切的实现方法。 指令说：

在链接的href属性中添加以下锚点：

#TB_inline

在#TB_inline之后的href属性中，将以下查询字符串添加到锚点：

?height=300&width=300&inlineId=myOnPageContent

我有这个

echo $this->Html->image('123.jpg', array('alt'=>'Create a page', 'url'=>'#TB_inline?height=155&width=300&inlineId=hiddenContent&modal=true', 'class' => 'thickbox'));

我需要做些什么来使image.jpg成为打开一个厚框的链接，该厚框的内容是Campaigns :: thickbox功能？

谢谢 ：）

Answer 1

要创建链接本身：

<a href="#TB_inline?height=155&width=300&inlineId=hiddenContent&modal=true" class="thickbox">
  <?php echo $this->Html->image('123.jpg', array('alt'=>'Create a page')); ?>
</a>

然后，在页面上的某处，您需要有一个div，其中包含要显示的链接内容：

<div id="hiddenContent">
  <p>
    <?php echo Campaigns::thickbox(); ?>
  </p>
</div>

我在这里假设Campaigns :: thickbox（）是一个静态方法，该方法返回要显示的任何内容。

我还将添加一些css到hiddenContent id以使其首先隐藏：

#hiddenContent { display: none; }

编辑：我编辑了图像显示代码。 请记住以下几点：为了使图像成为链接，它需要两个html标签，一个外部的“ a”标签用于保存链接信息，而一个内部的“ img”标签用于保存图像信息。 在这种情况下，您将使用php从CakePHP获取img标签信息。