cakephp и Thickbox - как сделать изображение ссылкой, которая открывает Thickbox - PullRequest
Новая
       29

cakephp и Thickbox - как сделать изображение ссылкой, которая открывает Thickbox

0 голосов
/ 08 сентября 2011

Привет! Я пытаюсь использовать толстый ящик http://jquery.com/demo/thickbox/, чтобы открыть форму на моей домашней странице.

Я хочу, чтобы ссылка, открывающая толстый ящик, была изображением, но, будучи немного новым для всего этого, я изо всех сил пытаюсь выяснить, как именно это сделать.в инструкциях говорится:

В атрибуте ссылки href добавьте следующий якорь: 

#TB_inline

В атрибуте href после #TB_inline добавьте следующую строку запроса на привязку: 

?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??

Спасибо:)

1 Ответ

1 голос
/ 08 сентября 2011

Чтобы создать саму ссылку: 

<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, чтобы сначала сделать его скрытым: 

#hiddenContent { display: none; }

Редактировать: я редактировал код отображения изображения.Помните это: чтобы сделать изображение ссылкой, требуется два html-тега, внешний тег «a», который содержит информацию о ссылке, и внутренний тег «img», который содержит информацию об изображении.В этом случае вы используете php для получения информации тега img из CakePHP.

...