Картинка, всплывающая по клику

Материал из Umicms
Версия от 12:34, 3 сентября 2009; 83.243.76.254 (обсуждение) (Новая страница: «Как мне сделать всплывающую картинку по клику? Для вывода маленькой картинки, клик по кот…»)
(разн.) ← Предыдущая | Текущая версия (разн.) | Следующая → (разн.)
Перейти к:навигация, поиск

Как мне сделать всплывающую картинку по клику?

Для вывода маленькой картинки, клик по которой вызывает картинку в полный размер в новом окне воспользуемся макросом % data getProperty(% id%, ' photo', 'popup')%

В шаблоне data/popup.tpl напишем следующий блок:

<?php $FORMS = Array(); $FORMS['img_file'] = <<<END <a href="javascript:void(0);" onclick="var sWinParams = 'width='+(% width %+40)+', height='+(% height %+60)+', toolbar=0, statusbar=0,menubar=0, scrollbars=1, resizable=1,

location=0'; window.open('%src%', '_blank' , sWinParams);return false;"> % system makeThumbnail(% filepath%, 120, 'auto', 'popup')% </a> END; ?>


В шаблоне /tpls/thumbs/popup.tpl

<?php $FORMS = Array(); $FORMS['image'] = <<<END <img src="% src%" width="% width%" height="% height%" border="0" style="border: 1px solid #FF3333;"/> END; ?>