Картинка, всплывающая по клику — различия между версиями
Материал из Umicms
Cmac (обсуждение | вклад) м (переименовал «Как мне сделать всплывающую картинку по клику?» в «Картинка, всплывающая по клику») |
Whoa (обсуждение | вклад) |
||
| (не показана 1 промежуточная версия 1 участника) | |||
| Строка 8: | Строка 8: | ||
$FORMS = Array(); | $FORMS = Array(); | ||
$FORMS['img_file'] = <<<END | $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, | + | <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;"> | |
| − | location=0'; window.open('%src%', '_blank' , sWinParams);return false;"> | ||
%system makeThumbnail(%filepath%, 120, 'auto', 'popup')% | %system makeThumbnail(%filepath%, 120, 'auto', 'popup')% | ||
</a> | </a> | ||
| Строка 26: | Строка 25: | ||
?> | ?> | ||
</source> | </source> | ||
| + | |||
| + | [[category:Верстка в TPL]] | ||
Текущая версия на 14:14, 21 ноября 2018
Как мне сделать всплывающую картинку по клику?
Для вывода маленькой картинки, клик по которой вызывает картинку в полный размер в новом окне воспользуемся макросом %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;
?>
