</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]); }
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); }
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); }
<?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]]); }
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>
// '<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]]); }