在CakePHP中將一個小圖像鏈接到一個更大的圖像

Question

我想要實現的是一個彈出窗口，當單擊一個較小的圖像版本時，應該顯示較大的圖像。

我知道我需要jQuery的燈箱來做到這一點，但是如何將小圖像鏈接到CakePHP中的大圖像？

我使用CakePHP的2.x的 - 下面是我的代碼，但它不工作

<?php echo $this->Html->link($this->Html->image($proposal['Proposal']['supportedfileone'],array('width'=>'200','height'=>'100')), $this->Html->image($proposal['Proposal']['supportedfileone']));?> 

Answer 1

第二圖像（實際尺寸），你不應該使用HTML的「圖像，你不想顯示它，你只需要提供圖像的路徑，鏈接。
不要忘記關閉鏈接中的字符轉義以便正確顯示您的縮圖。

$this->Html->link(
    $this->Html->image(
     $proposal['Proposal']['supportedfileone'], 
     array(
      'width'=>'200', 
      'height'=>'100')), 
    $proposal['Proposal']['supportedfileone'], 
    array(
     'data-lightbox'=>'unique_name', 
     'escape' => false)); 

這應該做到！