<div class="n2-bg-animation-slide"> <div class="n2-bg-animation-slide-bg"> <img src="<?php echo N2ImageHelperAbstract::SVGToBase64('$system$/images/placeholder/image.svg'); ?> "/> </div> </div> <div class="n2-bg-animation-slide" style="opacity: 0;"> <div class="n2-bg-animation-slide-bg"> <img src="<?php echo N2ImageHelperAbstract::SVGToBase64('$system$/images/placeholder/imageback.svg'); ?> "/> </div> </div> </div> <style> #n2-lightbox-backgroundanimation .n2-content-area { overflow: hidden; } .n2-bg-animation-slider { position: relative; width: 770px; height: 532px;
public function getThumbnailTypeHTML() { $type = $this->parameters->get('thumbnailType', 'default'); if ($type == 'default') { return ''; } return '<img class="n2-ss-thumbnail-type n2-ow" src="' . N2ImageHelperAbstract::SVGToBase64('$ss$/images/thumbnail-types/' . $type . '.svg') . '"/>'; }
function _renderAdmin($data, $itemId, $slider, $slide) { return N2Html::tag('div', array("style" => 'width: 100%; height: 100%; background: url(' . N2ImageHelper::fixed($data->getIfEmpty('image', '$system$/images/placeholder/video.png')) . ') no-repeat 50% 50%; background-size: cover;'), '<img class="n2-video-play n2-ow" src="' . N2ImageHelperAbstract::SVGToBase64('$ss$/images/play.svg') . '"/>'); }