Change Banner Into Slider Banner

Jason, the Banner feature is very different from a slider that people may use on their home page, the banner feature is more like the ads banner you can manage on your site, so do not mix those two together.

Here is a video tutorial I did for creating a slider using Page Type, Repeater and JS/CSS https://www.youtube.com/watch?v=MmG25341IQA

Hi Jason, Can you please share your code stuff/some details that how you crafting that slider banner so its more clear.

Solution

Apart from this Ideally you must need to use some third party jQuery plugin to create the slider banner.

For example http://bxslider.com/

How to implement that slider into kentico

Step1: Add all the necessary jQuery and bxslider plugins to your banner page.

Step2: Add repeater webpart and break down the HTML structure accordingly

example:

 <ul class="bxslider"> // Add this HTML in HTML Envelop **Content Before**

  <li><img src="<%Eval("ImagePath")%>" /></li> //It loads dynamically using transformation 

 </ul> // Add this HTML in HTML Envelop **Content After**

Then your slider banner is ready.

Thanks

Feel free to ask anything :)

Hi Jason,

I have done this multiple times. This is what I would suggest you

1. Create Page type for your slides
2. Bind it with a repeater (Not basic repeater)
3. For markup use Slick slider. It's one of the best library to create slider which are responsive too Slick Slider

Slick slider is your best option. No slider comes closer to it's efficiency.

It is responsive, provides accessibility adherence and very easy to use. Even Foundation recommends using and have discarded their own slider Orbit for it.