banner image with text overlay

Create a page type called "Banner" with the following fields:

• Name - textbox, required (not displayed, system purposes only)
• Text - textbox, 200 characters (would steer away from an editable or rich textbox because it could mess up your markup if editor inputs invalid HTML)
• Image - URL selector field, 450 characters

Place a repeater on the page template you want the banner to show on. Set the repeater properties with the necessary values for path (./%), Top N (1), page types (custom.banner or whatever you named it), transformation name (custom.banner.transformationname).

Create a transformation with the markup you have and replace the static values with the values from the page type using <%# Eval("ColumnName") %>.

Select the page you're displaying the banner on and click New page and add a Banner page type. Fill in the fields and save it. Should display your banner.

Technically speaking this is the simplest form of how Kentico is made to be utilized.

good start but I want to display text on top of the image.

That is simply CSS and setting relative and absolute positions as well as z-index on each element.

Kim,image position should be relative and text should be absolute and define some margin for text and text z-index should be more than image z-index.

You can use everything what Brenden has suggested and instead use this Slick Slider It is the best Slider library which is bothe responsive, accessibility friendly.

Icing on the top, Damn easy to use.