将旋转滑块添加到Kentico 7

Question

我正在尝试使用Kentico 7将使用JavaScript jquery.themepunch.revolution和jquery.themepunch.plugins.min的自定义横幅滑块放入我的网站中。如何在我的主页上进行该处理？

Answer 1

Your first step would be to decide what information you wanted to show. Typically, this will be a collection documents (images) in your content tree. Once you have your collection, you will use a transformation to decide the layout for each item you want to display.

http://devnet.kentico.com/docs/7_0/controls/cmsrepeater_overview.htm

For you JS, you will need to include the appropriate libraries on the page. You can do this in the Master Page (if you want it on all pages), using the JS web part (which is good for a single page that needs it), or even on a Page Template level (if you had many pages that need the functionality and all use the same template).

Once you have the JS in place, you will need update your transformation to have the proper layout to match the JS library. Typically with sliders, each "image" will need a specific tag or attribute. You can easily add this to the transformation you use to display the content.

While Version 7 is pretty old (3+ years), you can still find a lot of documentation and info in the Developer's Guide here:

http://devnet.kentico.com/docs/7_0/devguide/index.html

Answer 2

If you have multiple banners with a background image, text content, and link, you might want to consider using a custom document type. That would make it easier to manage the content. Then as Bryan suggested, you would create the transformations and display the data using a repeater.

Kentico Documentation: Creating custom document types

Blog: Working with javascript carousel sliders in Kentico