m12/neos-nodetype-slickcarousel

Neos CMS 的 Slick Carousel

维护者

详细信息

github.com/million12/Neos.Plugin.SlickCarousel

源代码

问题

安装次数: 1,489

依赖者: 2

推荐者: 0

安全性: 0

星标: 10

关注者: 5

分支: 3

开放性问题: 1

类型:typo3-flow-plugin

v1.0.0 2016-09-06 20:04 UTC

Requires

MIT 726b5738af421eca622db1711accfdc0946af937

This package is not auto-updated.

Last update: 2024-09-14 16:03:21 UTC

README

Slick Carousel 是 Neos CMS 的节点类型。

安装

  • 使用 composer 安装此 Neos 插件
composer require m12/neos-nodetype-slickcarousel:dev-master

  • 在您的站点包中安装 Slick 代码。有关详细信息，请参阅 Slick 文档，您需要将 slick.js、slick.css 以及可能还需要 slick-theme.css 添加到页面中。

  • 将以下代码添加到 BODY 标签的末尾

$(document).ready(function () {
    var slickEl = $('.m12-slickcarousel-slick');
    
    $(slickEl).on('init', function(event, slick) {
        // Support non-standard 'nextOnClick' option:
        if (slick.slickGetOption('nextOnClick')) {
            $(slick.$slider).on('click', function() {
                slick.slickNext();
            });
        }
    });
    
    // Initialise Slick
    $(slickEl).slick();
});

还可以参考 Pb.Site 站点包中如何使用 npm/gulp 安装的完整示例。

作者

许可协议：MIT 许可协议 (MIT)

赞助商： PrototypeBrewery.io - 新的原型设计工具，用于构建您网站或 Web 应用的完整交互式原型。基于 Neos CMS 和 Zurb Foundation 框架。