ASP.NET Custom Control for jQuery SlidersASP.NET Custom Control for jQuery Sliders
.NET library which contains 4 jQuery slidersASP.NET Custom Control for jQuery Sliders
.NET library which contains 4 jQuery slidersOverview
Description
It is .NET library which contains four custom web controls. These web controls are used to render jQuery sliders. The following sliders are available in this library.
- BasicSlider
- CraftySlide
- 3DGallery
- ParallaxContentSlider
Features
- Easy configuration with ASP.NET web application
- Data binding with DataTable or IList
- External CSS can be linked.
Included
- Included one (for example .h files, .psd files, full source code etc.)
- Included two (for example .h files, .psd files, full source code etc.)
- Included three (for example .h files, .psd files, full source code etc.)
Requirements
- ASP.NET 2.0
- Visual Studio 2012/Visual Studio 2013
- .NET Framework 4.0/4.5
Instructions
The library can be registered in any web page using
<%@ register assembly="SimpleSliders.Net" namespace="SimpleSliders.Net" tagprefix="slider" %>
Server control is added as
|
We need to bind slider with a Data Source just like we bind other data bound controls e.g. Repeater or ListView. Slider will get images from this data source. A data source should contain any one of these fields/columns.
Sample Code C# - Get Data Source
var data = new DataTable();
data.Columns.Add("ItemTitle");
data.Columns.Add("ItemDetails");
data.Columns.Add("ItemMediaUrl");
data.Columns.Add("ReadMoreUrl");
data.Columns.Add("ReadMoreText");
data.Columns.Add("ReadMoreTarget");
for (int i = 0; i < recordsCount; i++)
{
DataRow row = data.NewRow();
row["ItemTitle"] = string.Format("Slide {0}" ,(i+1));
row["ItemDetails"] = string.Format("Details for Slide {0}", (i + 1));
if(currentPage!=null)
row["ItemMediaUrl"] = currentPage.ResolveClientUrl(string.Format("~/Images/{0}/{1}.{2}", “CraftySlide”, (i + 1), “.jpg”));
row["ReadMoreUrl"] = "#";
row["ReadMoreText"] = "Read More...";
row["ReadMoreTarget"] = "";
data.Rows.Add(row);
}
ucSlider.DataSource = data;
ucSlider.DataBind();
Set External Css (Optional)
|
Each jQuery slider has Css file for making its design. This Css file is already embedded in library. If you want to do some changes in that Css file, you need to provide changed Css file. You can do it by setting slider property “CssFiles”. This property takes string in the following format:
|
You can also provide more than one CssFiles by giving comma separated string as:
|
This way you can change theme or background images for any slider.
Future product updates
Quality checked by Codester
Lowest price guarantee
Category | Scripts & Code / C# |
First release | 29 May 2015 |
Last update | 29 May 2015 |