PHP code example of tangniyuqi / yii2-swiper

1. Go to this page and download the library: Download tangniyuqi/yii2-swiper library. Choose the download type require.

2. Extract the ZIP file and open the index.php.

3. Add this code to the index.php. 
    
        
<?php
require_once('vendor/autoload.php');

/* Start to develop here. Best regards https://php-download.com/ */

tangniyuqi / yii2-swiper example snippets



use yii\helpers\Html;

echo \tangniyuqi\swiper\Swiper::widget([
    'slides' => [
        Html::img('http://abc.com/1.jpg'),
        Html::img('http://abc.com/2.jpg'),
        Html::img('http://abc.com/3.jpg'),
    ],
    'pagination' => true,
    'navigation' => true,
    'scrollbar' => true,
    'clientOptions' => [
        'speed' => 200,
        'loop' => true,
    ]
]);



use yii\helpers\Html;

//swiper js 初始化后赋值给的变量名
$swiperEl = 'swiper';

echo \tangniyuqi\swiper\Swiper::widget([
    'slides' => [
        Html::img('http://abc.com/1.jpg'),
        Html::img('http://abc.com/2.jpg'),
        Html::img('http://abc.com/3.jpg'),
    ],
    'pagination' => true,
    'navigation' => true,
    'scrollbar' => true,
    'swiperEl' => $swiperEl, // 在此处传入
    'clientOptions' => [
        'speed' => 200,
        'loop' => true,
    ]
]);

//下一个触发按钮
echo Html::button('next', ['id' => 'to-next']);

$js = <<<JS
  //点击之后触发下一个，更多js操作参考官方
  $('#to-next').click(function() {
    {$swiperEl}.slideNext();
  });
JS;

$this->registerJs($js);


php composer.phar