實現全屏的jQuery滑塊圖像2警予項目

我想在我的yii2項目實行滑，我開始使用上週警予我不知道如果我在這裏做了正確的事情，我下載this代碼，但我使用它的方式不是100％工作，圖像和縮略圖顯示，但我不能點擊縮略圖來改變背景，原始代碼工作正常，問題是我不能做到這一點在我的警予的項目工作實現全屏的jQuery滑塊圖像2警予項目

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

]); 
?> 

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

]); ?>

_bolos：

<?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>

來源

2016-09-26 AND4011002849