Картинка, всплывающая по клику — различия между версиями
Материал из Umicms
(Новая страница: «Как мне сделать всплывающую картинку по клику? Для вывода маленькой картинки, клик по кот…») |
Cmac (обсуждение | вклад) |
||
| Строка 1: | Строка 1: | ||
Как мне сделать всплывающую картинку по клику? | Как мне сделать всплывающую картинку по клику? | ||
| − | Для вывода маленькой картинки, клик по которой вызывает картинку в полный размер в новом окне воспользуемся макросом % data getProperty(% id%, ' photo', 'popup')% | + | Для вывода маленькой картинки, клик по которой вызывает картинку в полный размер в новом окне воспользуемся макросом %data getProperty(%id%, ' photo', 'popup')% |
В шаблоне data/popup.tpl напишем следующий блок: | В шаблоне data/popup.tpl напишем следующий блок: | ||
| − | + | <source lang="php"> | |
<?php | <?php | ||
$FORMS = Array(); | $FORMS = Array(); | ||
| Строка 11: | Строка 11: | ||
location=0'; window.open('%src%', '_blank' , sWinParams);return false;"> | location=0'; window.open('%src%', '_blank' , sWinParams);return false;"> | ||
| − | % system makeThumbnail(% filepath%, 120, 'auto', 'popup')% | + | %system makeThumbnail(% filepath%, 120, 'auto', 'popup')% |
</a> | </a> | ||
END; | END; | ||
?> | ?> | ||
| − | + | </source> | |
| − | |||
В шаблоне /tpls/thumbs/popup.tpl | В шаблоне /tpls/thumbs/popup.tpl | ||
| − | + | <source lang="php"> | |
<?php | <?php | ||
$FORMS = Array(); | $FORMS = Array(); | ||
| Строка 26: | Строка 25: | ||
END; | END; | ||
?> | ?> | ||
| + | </source> | ||
Версия 07:50, 14 марта 2012
Как мне сделать всплывающую картинку по клику?
Для вывода маленькой картинки, клик по которой вызывает картинку в полный размер в новом окне воспользуемся макросом %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;
?>
