gallery.php
1.85 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
<?php
use \yii\helpers\Html;
use yii\widgets\LinkPager;
use yii\widgets\ListView;
/* @var $this yii\web\View */
$this->params['company'] = $company;
$this->title = 'My Yii Application';
?>
<?php if(count($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'=>'',
        ] );
        ?>
    </div>
    <div class="navi-buttons-wr style gallery-style">
        <?=
        LinkPager::widget([
            'pagination' => $pagination,
        ]);
        ?>
    </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>