jquery - Kentico V8 自定义 slider Web 部件

Question

我没有很强的 dotNet 背景，因为我主要是 JS/CSS 人员。

我想使用 slick.js 作为 slider 插件，但我不知道如何使用。我想知道我是否走在正确的道路上。

理想情况下，编辑器能够根据我创建的每个 slider 模板创建一个新页面。每一页都是一张新幻灯片。这些页面将位于站点树中的特定文件夹中。

然后，我的 Web 部件会将这些页面拉入并呈现格式正确的代码并包含所需的 JS。

我走对路了吗？如果是这样我该如何开始。

Answer 1

您绝对走在正确的道路上。我现在在几个网站上使用了 slick 并遵循以下模式:

• 设置转发器 Web 部件
• 将转发器的 HTML 信封设置为 slider 的包装
• 设置重复器的转换以重复要以幻灯片形式重复的文档内容
• 在 JavaScript Web 部件中或(我的首选方法)在页面模板的标记上设置 slider 脚本

这是 Kentico 中使用 slick 文档的示例实现。我使用的是版本 7，所以事情看起来会有点不同，并且位于不同的地方，但通过谷歌搜索应该不会太难找出去哪里

首先，您需要获取 slick 的 css。在这里，我刚刚将其添加到应用于 Kentico 中此站点的 CSS 文件中。:

<小时/>

接下来您需要设置页面模板:

然后在设计选项卡中添加中继器:

并像这样设置中继器的 HTML 信封:

最后，创建您的转换:

编辑:您还需要确保正确设置内容，并确保转发器的内容设置指向正确的路径。在这里，我将转发器设置为从当前路径 ./%(即光滑的文档)下提取所有内容。

它正在拉入您在此处看到的测试文档: