gallery.php 2.27 KB
<?php

    use \yii\helpers\Html;
    use yii\widgets\LinkPager;
    use yii\widgets\ListView;

    /* @var $this yii\web\View */

    $this->params[ 'user' ] = $user;
    $this->title = 'My Yii Application';
?>
<?php
    if(!empty( $videos )) {
        ?>
        <div class="video-performer-wrapper style">
            <div class="gallery-title">Видео: <?= count($videos) ?></div>
            <div class="slider-video-wr">
                <div id="demo5" class="scroll-img video-slider">
                    <ul>
                        <?php foreach($videos as $video): ?>
                            <li>
                                <div class="iframe-video">
                                    <iframe width="560" height="320" src="<?= $video[ 'youtube' ] ?>" frameborder="0" allowfullscreen></iframe>
                                </div>

                                <a href="#"></a><span></span>
                            </li>
                        <?php endforeach; ?>

                    </ul>
                </div>
                <div id="demo5-btn" class="text-center">
                    <button class="btn" id="demo5-backward"></button>
                    <button class="btn" id="demo5-forward"></button>
                </div>
            </div>
        </div>
        <?php
    }
?>
<div class="gallery-performer-wrapper style">
    <div class="gallery-performer-margin">
        <?= ListView::widget([
            'dataProvider' => $gallery,
            'itemView'     => '_gallery_list_view',
            'summary'      => '',
            'layout'       => "{summary}\n{items}\n<div class='navi-buttons-wr style gallery-style'>{pager}</div>",
        ]); ?>
    </div>
</div>
<script>
    $(
        function()
        {
            $('#demo5').scrollbox(
                {
                    direction : 'h',
                    distance : 220,
                    autoPlay : false
                }
            );
            $('#demo5-backward').click(
                function()
                {
                    $('#demo5').trigger('backward');
                }
            );
            $('#demo5-forward').click(
                function()
                {
                    $('#demo5').trigger('forward');
                }
            );
        }
    );
</script>