问实现jquery全屏图像滑块yii 2项目

EN

<?php
$dataProvider = new ActiveDataProvider([
    'query' => Cake::find(),

]);
?>

<?= ListView::widget([
    'dataProvider' => $dataProvider,
    'itemView' => '_bolos',
    'summary' => '',
    'options' => [
        'tag' => 'div',
        'id' => 'gallery',
        'class' => 'bigImages',
    ],

]); ?>

<?php
use yii\helpers\Html;

/* @var $model \app\models\Cake */

?>

<script>
    <?php $this->beginBlock('page-script') ?>
    (function () {

        $("#gallery").fullscreenGallery();

    })();
    <?php $this->endBlock() ?>
</script>

<?php $this->registerJs($this->blocks['page-script']) ?>


<div id="gallery">
    <div class="bigImages">
        <ul>
            <li> <?= Html::img($model->cakePhotos[0]->getUploadUrl('file'), ['width' => '100%']); ?></li>

        </ul>
    </div>
    <div class="thumbnails">
        <ul>
            <li> <?= Html::img($model->cakePhotos[0]->getThumbUploadUrl('file')); ?></li>
        </ul>
    </div>

</div>