2016-06-21 1 views
-1

Ce que je veux réaliser est une fenêtre contextuelle, quand une version plus petite d'une image est cliquée, la plus grande version devrait montrer.Lier une petite image à une plus grande image dans CakePHP

Je sais que j'aurai besoin de jQuery lightbox pour cela, mais comment lier la petite image à la plus grande image de CakePHP?

J'utilise CakePHP 2.x - ci-dessous est mon code, mais il ne fonctionne pas

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

Répondre

0

Pour la seconde image (la taille réelle d'un), vous ne devriez pas utiliser l'image html-> , vous ne voulez pas l'afficher, il vous suffit de donner le chemin de l'image, pour le lien.
N'oubliez pas de désactiver les caractères qui s'échappent dans le lien afin d'afficher correctement votre miniature.

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

Cela devrait le faire!