Uglipop Lightbox - pro vývojáře

Dokumentace produktu

Do view přidáme připojení prodstředků pomocí základního kódu:

/** @var Joomla\CMS\WebAsset\WebAssetManager $wa */
$wa = $this->document->getWebAssetManager();
$wa->useStyle('uglipop-bundle')
->useScript('uglipop-bundle');

Ve view aplikace pak vložíme fotku podle dokumentace dokumentace uglipop:

		
		<script type="text/javascript">
			var uglipop1 = function(){
				uglipop({class:'bg-uglipop',source:'html',content:'<img src="/images/stories/com_tournaments/avatars/original/[php:start] echo $this-&gt;item-&gt;avatar; [php:end]?auto=compress&cs=tinysrgb&dpr=1&w=480"></img>'});}
			var rem = function(){
				remove();
			}
		</script><style>
				.bg-uglipop{
						width:480px;
						height:auto;
						-webkit-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.75);
						-moz-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.75);
						box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.75);
						z-index: 10;
				}
				#uglipop_content_fixed {
						z-index: 10;
				}
				#uglipop_overlay {
						opacity: 0.5;
				}
		</style> 

Výsledek můžete vidět zde na fotce hráče:

https://attour4.easy.minion.cz/hraci/4740-jiri-vanecek