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

Question

您好，我正在尝试使用厚框http://jquery.com/demo/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() 是一个静态方法，它返回您想要显示的任何内容。

我还会在 hiddenContent id 中添加一些 css 以使其首先隐藏：

#hiddenContent { display: none; }

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