ImageSlider

ImageSlider is a data extension that is used to display and navigate images. This extension supports data binding, the loading of images from a specified folder, and the manual creation of image items.

To see the ImageSlider in action, refer to its online demos.

Implementation Details

The ImageSlider is implemented by the ImageSliderExtension class. To access its instance, use the ExtensionsFactory.ImageSlider helper method, which is used to add an ImageSlider extension to a view. This method's parameter provides access to ImageSlider settings implemented by the ImageSliderSettings class.

The ImageSlider's client counterpart is represented by the ASPxClientImageSlider object.

Declaration

The code sample below demonstrates how to add an ImageSlider to a project and then bind it to a folder.

Controller code:

using System.Web.Mvc;

namespace DevExpress.Web.Demos {
    public partial class HomeController : Controller {
        public ActionResult Index() {
            object folder = "~/Content/ImageSlider/landscapes";
            return View("Index", folder);
        }
    }
}

View code (Razor):

@model string

@Html.DevExpress().ImageSlider(
        settings => {
            settings.Name = "imageSlider";
            settings.EnableTheming = false;
        }
    ).BindToFolder(Model).GetHtml()
Note

The Partial View should contain only the extension's code.

The code result is demonstrated by the image below.

MVC_ImageSlider_overview