xj/yii2-galleria-widget yii2-galleria-widget

yii2-galleria-widget

===

https://github.com/aino/galleria

composer.json


"require": {
    "xj/yii2-galleria-widget": "~1.0.0"
},

Themes

\xj\galleria\themes\DefaultAssets::register($this);
\xj\galleria\themes\TwelveAssets::register($this);

BasicAssets

\xj\galleria\GalleriaAssets::register($this);

With Html Tag


#galleria{ width: 700px; height: 400px; background: #000 }
<div id="galleria">
    <img src="<?= Yii::getAlias('@web/images/hoverzoom/1.jpg'); ?>" alt="" />
    <img src="<?= Yii::getAlias('@web/images/hoverzoom/3.jpg'); ?>" alt="" />
    <img src="<?= Yii::getAlias('@web/images/nivoslider/1.jpg'); ?>" alt="" />
</div>
\xj\galleria\themes\DefaultAssets::register($this);
xj\galleria\Galleria::widget([
    'selector' => '#galleria',
]);

With Html Data Tag


#gallery{ width: 700px; height: 400px; background: #000 }
#source{display:none;}
<div id="gallery"></div>
<div id="source">
    <a href="<?= Yii::getAlias('@web/images/hoverzoom/1.jpg'); ?>"><img src="<?= Yii::getAlias('@web/images/hoverzoom/1.jpg'); ?>" alt="" /></a>
    <a href="<?= Yii::getAlias('@web/images/hoverzoom/3.jpg'); ?>"><img src="<?= Yii::getAlias('@web/images/hoverzoom/3.jpg'); ?>" alt="" /></a>
    <a href="<?= Yii::getAlias('@web/images/nivoslider/1.jpg'); ?>"><img src="<?= Yii::getAlias('@web/images/nivoslider/1.jpg'); ?>" alt="" /></a>
</div>
\xj\galleria\themes\DefaultAssets::register($this);
xj\galleria\Galleria::widget([
    'selector' => '#gallery',
    'jsOptions' => [
        'dataSource' => '#source',
        'keepSource' => false,
    ]
]);

With Javascript Data


#gallery{ width: 700px; height: 400px; background: #000 }
<div id="gallery"></div>
\xj\galleria\themes\DefaultAssets::register($this);
xj\galleria\Galleria::widget([
    'selector' => '#gallery',
    'jsOptions' => [
        'dataSource' => [
            ['image' => Yii::getAlias('@web/images/hoverzoom/1.jpg')],
            ['image' => Yii::getAlias('@web/images/hoverzoom/3.jpg')],
            ['image' => Yii::getAlias('@web/images/nivoslider/1.jpg')],
        ],
        'keepSource' => false,
    ]
]);

Statistics

Downloads
GitHub Stars
GitHub Forks

Releases

Comments



1.0.1 is the latest of 2 releases



BSD-3-Clause license
Stats
1 github stars & 1 github forks
0 downloads in the last day
0 downloads in the last 30 days
277 total downloads