2016-06-21 100 views
-1

我想要实现的是一个弹出窗口,当单击一个较小的图像版本时,应该显示较大的图像。在CakePHP中将一个小图像链接到一个更大的图像

我知道我需要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']));?> 

回答

0

第二图像(实际尺寸),你不应该使用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)); 

这应该做到!

相关问题