Ejemplo n.º 1
1
    </div>
</div>
<div id="gkTop2" class="gkMain gkWrap">
    <div class="box nsp grey dotted">
        <div>
            <h3 class="header">
                <span>Новости дня</span>
            </h3>
            <div class="content">
                <div class="dayNews" style="margin-left: 13px">
                <?php 
$dayNewsItems = [];
foreach ($dayNews as $key => $n) {
    $dayNewsItems[] = $this->render('parts/_day_news', ['news' => $n]);
}
echo \evgeniyrru\yii2slick\Slick::widget(['items' => $dayNewsItems, 'clientOptions' => ['slidesToShow' => 6, 'arrows' => true]]);
?>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="gkMain">
    <div id="gkMainBlock" class="gkMain">
        <div id="gkContent" class="gkMain gkCol gkPaddingR">
            <div id="gkContentMainbody" class="gkMain gkPaddingR">
                <div id="gkInset1" class="gkMain gkCol">
                    <?php 
foreach ($announcements as $announcement) {
    echo $this->render('index/announcement', ['announcement' => $announcement]);
}
Ejemplo n.º 2
0
 public function run()
 {
     $images = GlImgs::find()->where(['groups_id' => $this->gl_groups_id])->orderBy('seq')->all();
     if (!$images) {
         return false;
     }
     foreach ($images as $i => $image) {
         $items_small[] = Html::a(Html::img($image->img_small, ['class' => '']), $image->img_large, ['rel' => 'gl-linead-' . $this->gl_groups_id]);
     }
     echo Slick::widget(['items' => $items_small, 'containerOptions' => count($items_small) > 4 ? ['class' => 'gallery-line-ad'] : ['class' => 'lonely-item gallery-line-ad'], 'clientOptions' => ['slidesToShow' => 4, 'slidesToScroll' => 1], 'itemOptions' => ['class' => 'lineAdItem well well-sm']]);
     echo FancyBox::widget(['target' => 'a[rel=gl-linead-' . $this->gl_groups_id . ']', 'helpers' => true, 'mouse' => true, 'config' => ['maxWidth' => '90%', 'maxHeight' => '90%', 'playSpeed' => 4000, 'padding' => 0, 'fitToView' => false, 'width' => '70%', 'height' => '70%', 'autoSize' => false, 'closeClick' => false, 'openEffect' => 'elastic', 'closeEffect' => 'elastic', 'prevEffect' => 'elastic', 'nextEffect' => 'elastic', 'closeBtn' => false, 'openOpacity' => true, 'helpers' => ['title' => ['type' => 'float'], 'buttons' => [], 'thumbs' => ['width' => 68, 'height' => 50], 'overlay' => ['css' => ['background' => 'rgba(0, 0, 0, 0.8)']]]]]);
     $view = $this->view;
     GalleryAdAsset::register($view);
 }
Ejemplo n.º 3
0
 public function run()
 {
     $images = GalleryImages::find()->where(['gallery_groups_id' => $this->gallery_groups_id])->orderBy('seq')->all();
     if (!$images) {
         return false;
     }
     foreach ($images as $i => $image) {
         $items_large[] = Html::a(Html::img($image->large, ['class' => 'img-rounded']), $image->large, ['rel' => 'gl-fancybox']);
         $items_small[] = Html::img($image->small, ['class' => 'gl-slider-prev']);
     }
     echo Slick::widget(['itemContainer' => 'div', 'containerOptions' => ['class' => 'gl-slider-for'], 'items' => $items_large, 'clientOptions' => ['asNavFor' => '.gl-slider-nav', 'slidesToShow' => 1, 'slidesToScroll' => 1, 'arrows' => false, 'fade' => true]]);
     echo Slick::widget(['itemContainer' => 'div', 'containerOptions' => ['class' => 'gl-slider-nav' . (count($images) > 1 ? '' : ' hide')], 'items' => $items_small, 'clientOptions' => ['asNavFor' => '.gl-slider-for', 'slidesToShow' => count($images), 'slidesToScroll' => count($images), 'dots' => false, 'arrows' => false, 'autoplay' => false, 'focusOnSelect' => true]]);
     echo FancyBox::widget(['target' => 'a[rel=gl-fancybox]', 'helpers' => true, 'mouse' => true, 'config' => ['maxWidth' => '90%', 'maxHeight' => '90%', 'playSpeed' => 4000, 'padding' => 0, 'fitToView' => false, 'width' => '70%', 'height' => '70%', 'autoSize' => false, 'closeClick' => false, 'openEffect' => 'elastic', 'closeEffect' => 'elastic', 'prevEffect' => 'elastic', 'nextEffect' => 'elastic', 'closeBtn' => false, 'openOpacity' => true, 'helpers' => ['title' => ['type' => 'float'], 'buttons' => [], 'thumbs' => ['width' => 68, 'height' => 50], 'overlay' => ['css' => ['background' => 'rgba(0, 0, 0, 0.8)']]]]]);
     $view = $this->view;
     GalleryAdAsset::register($view);
 }
Ejemplo n.º 4
0
<?php

use yii\helpers\Html;
use evgeniyrru\yii2slick\Slick;
/* @var $this \yii\web\View */
/* @var $gl_group \common\models\gl\GlGroups */
/*echo Html::beginTag('div', ['class' => 'owl-promo']);
foreach ($gl_group->glImgs as $img) {
    if ($img->url) {
        echo Html::tag('div',
            Html::a(Html::img($img->img_small, ['alt' => $img->title]), [$img->url], ['title' => $img->title,]),
            ['class' => 'item']
        );
    } else {
        echo Html::tag('div', Html::img($img->img_small, ['alt' => $img->title]), ['class' => 'item']);
    }
}
echo Html::endTag('div');*/
if ($gl_group) {
    foreach ($gl_group->glImgs as $img) {
        if ($img->url) {
            $items[] = Html::a(Html::img($img->img_small, ['alt' => $img->title, 'style' => 'width:100%;']), [$img->url], ['title' => $img->title]);
        } else {
            $items[] = Html::img($img->img_small, ['alt' => $img->title, 'style' => 'width:100%; margin:0 1px;']);
        }
    }
    echo Slick::widget(['itemContainer' => 'div', 'containerOptions' => ['class' => ''], 'items' => $items, 'itemOptions' => ['class' => 'cat-image'], 'clientOptions' => ['arrows' => false, 'autoplay' => true, 'dots' => true, 'forceFitColumns' => true, 'autoplaySpeed' => 6500]]);
}
Ejemplo n.º 5
0
use yii\helpers\Html;
use evgeniyrru\yii2slick\Slick;
use yii\web\JsExpression;
/* @var $this yii\web\View */
$this->title = $title;
?>
<div class="site-photo">
	<?php 
$items = [];
foreach ($photos as $photo) {
    $items[] = Html::img($photo['url']);
}
?>

    <div class="body-content">
		 <div class="row center">
			 <h4><?php 
echo Yii::t('app', 'Wedding photo');
?>
</h4>
		 </div>
		 
		 <div>
		 <?php 
echo Slick::widget(['itemContainer' => 'div', 'containerOptions' => ['class' => 'slick-container'], 'items' => $items, 'itemOptions' => ['class' => 'cat-image'], 'clientOptions' => ['lazyLoad' => 'ondemand', 'infinite' => true, 'speed' => 300, 'variableWidth' => true, 'centerMode' => true, 'dots' => true, 'onAfterChange' => new JsExpression('function() {console.log("The cat has shown")}')]]);
?>
    	</div>
		 
    </div>
</div>
Ejemplo n.º 6
0
//            '<img src="http://topmira.com/images/1/Dogs/%D0%90%D0%B2%D1%81%D1%82%D1%80%D0%B0%D0%BB%D0%B8%D0%B9%D1%81%D0%BA%D0%B8%D0%B9%20%D1%88%D0%B5%D0%BB%D0%BA%D0%BE%D0%B2%D0%B8%D1%81%D1%82%D1%8B%D0%B9%20%D1%82%D0%B5%D1%80%D1%8C%D0%B5%D1%80.jpg"/>',
//            // equivalent to the above
//            ['content' => '<img src="http://topmira.com/images/1/Dogs/%D0%91%D1%80%D1%8E%D1%81%D1%81%D0%B5%D0%BB%D1%8C%D1%81%D0%BA%D0%B8%D0%B9%20%D0%B3%D1%80%D0%B8%D1%84%D1%84%D0%BE%D0%BD.jpg"/>'],
//            // the item contains both the image and the caption
//            [
//                'content' => '<img src="http://topmira.com/images/1/Dogs/%D0%BF%D0%B5%D0%BA%D0%B8%D0%BD%D0%B5%D1%81.jpg"/>',
//                'caption' => '<h4>This is title</h4><p>This is the caption text</p>',
//                'options' => [],
//            ],
//        ]
//    ]);
?>

    </div>

<?php 
$itemSmall = null;
foreach ($model->getBehavior('galleryBehavior')->getImages() as $image) {
    //        echo Html::img($image->getUrl('medium'));
    //        $item[] = '<img src="' . Url::to($image->getUrl('medium') . '"/>', true);
    $itemSmall[] = Html::img($image->getUrl('small'));
    Yii::info($image->getUrl('medium'));
}
$itemMedium = null;
foreach ($model->getBehavior('galleryBehavior')->getImages() as $image) {
    $itemMedium[] = Html::img($image->getUrl('medium'));
}
if ($itemSmall != null && $itemMedium != null) {
    echo Slick::widget(['itemContainer' => 'div', 'containerOptions' => ['class' => 'slider-for'], 'items' => $itemMedium, 'itemOptions' => ['class' => 'cat-image'], 'clientOptions' => ['slidesToShow' => 1, 'slidesToScroll' => 1, 'centerMode' => true, 'arrows' => false, 'fade' => true, 'adaptiveHeight' => true, 'asNavFor' => '.slider-nav', 'centerPadding' => '500px']]);
    echo Slick::widget(['itemContainer' => 'div', 'containerOptions' => ['class' => 'slider-nav'], 'items' => $itemSmall, 'itemOptions' => ['class' => 'cat-image'], 'clientOptions' => ['slidesToShow' => 7, 'slidesToScroll' => 1, 'asNavFor' => '.slider-for', 'dots' => true, 'centerMode' => true, 'focusOnSelect' => true, 'arrows' => true]]);
}