msp/lightgallery
最新稳定版本:0.1.1
Composer 安装命令:
composer require msp/lightgallery
包简介
Magento module wrapper for LightGallery
README 文档
README
This module lets you use LightGallery with Magento 2 throught requirejs.
Installation
composer require msp/lightGallery
bin/magento module:enable MSP_LightGallery
bin/magento setup:upgrade
Usage
You must include the css via layout XML, for example if you want to use the gallery in the product page add to catalog_product_view.xml:
<head>
...
<css src="MSP_LightGallery::css/lightgallery.min.css"/>
...
</head>
You can init the gallery with data-mage-init:
<div id="your-gallery" data-mage-init='{
"LightGallery": {
"thumbnail":true
}
}'>
<a href="img/kitten1.jpg">
<img src="img/kitten1-thumb.jpg" />
</a>
<a href="img/kitten2.jpg">
<img src="img/kitten2-thumb.jpg" />
</a>
<a href="img/kitten3.jpg">
<img src="img/kitten3-thumb.jpg" />
</a>
</div>
or with a <script type="text/x-magento-init">:
<div id="your-gallery">
<a href="img/kitten1.jpg">
<img src="img/kitten1-thumb.jpg" />
</a>
<a href="img/kitten2.jpg">
<img src="img/kitten2-thumb.jpg" />
</a>
<a href="img/kitten3.jpg">
<img src="img/kitten3-thumb.jpg" />
</a>
</div>
<script type="text/x-magento-init">
{
"#your-slider": {
"LightGallery": {
"thumbnail":true
}
}
}
</script>
统计信息
- 总下载量: 26.17k
- 月度下载量: 0
- 日度下载量: 0
- 收藏数: 6
- 点击次数: 0
- 依赖项目数: 0
- 推荐数: 0
其他信息
- 授权协议: OSL
- 更新时间: 2016-10-21