Картинка, всплывающая по клику — различия между версиями

Материал из Umicms
Перейти к:навигация, поиск
(Новая страница: «Как мне сделать всплывающую картинку по клику? Для вывода маленькой картинки, клик по кот…»)
 
 
(не показаны 4 промежуточные версии 1 участника)
Строка 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();
 
$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>
 
END;
 
END;
 
?>
 
?>
 
+
</source>
 
  
 
В шаблоне /tpls/thumbs/popup.tpl
 
В шаблоне /tpls/thumbs/popup.tpl
 
+
<source lang="php">
 
<?php
 
<?php
 
$FORMS = Array();
 
$FORMS = Array();
 
$FORMS['image'] = <<<END
 
$FORMS['image'] = <<<END
<img src="% src%" width="% width%" height="% height%" border="0" style="border: 1px solid #FF3333;"/>
+
<img src="%src%" width="%width%" height="%height%" border="0" style="border: 1px solid #FF3333;"/>
 
END;
 
END;
 
?>
 
?>
 +
</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;
?>