Question

我正在尝试在我的yii2项目中实现一个滑块，我上周开始使用yii我不知道我在这里做了正确的事情，我下载了this代码，但我的方式是使用它不是100％工作，图像和缩略图显示，但我不能点击缩略图来改变背景，原始代码工作正常，问题是我不能使它在我的yii工作项目

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

Answer 1

窗口小部件ListView将为将从_bolos.php检索的每个Cake模型呈现$dataProvider视图。因此，您的页面将包含很少的#gallery div元素和js脚本（请参阅您的页面源代码）。因此无法正确初始化。

您需要将不应重复的所有元素移动到主视图。

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

1 个答案: