Example #1
0
            <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;
Example #2
0
 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') . '"/>';
 }
Example #3
0
 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') . '"/>');
 }