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標簽信息。