Carousel1.png
In this example setup the following in SharePoint

List Name: Carousel
Internal Field Names: Title, Image, Body

Upload soby_spservice.js and soby.ui.components.js into the following location in SharePoint /Style%20Library/Assets/Scripts/

Create a page and add content editor webpart

Then You will need to include the following code into the content editor webpart
<div id='soby_CarouselDiv'></div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script language="javascript" src="/Style%20Library/Assets/Scripts/soby.spservice.js"></script>
<script language="javascript" src="/Style%20Library/Assets/Scripts/soby.ui.components.js"></script>
<script language="javascript">
var dataSourceBuilder = new soby_CamlBuilder("Carousel", "", 10);
dataSourceBuilder.Filters = new CamlFilters(false);
dataSourceBuilder.AddViewField("ID", "ID", CamlFieldTypes.Text);
dataSourceBuilder.AddViewField("Title", "Title", CamlFieldTypes.Text);
dataSourceBuilder.AddViewField("Body", "Body", CamlFieldTypes.Text);
dataSourceBuilder.AddViewField("Image", "Image", CamlFieldTypes.Text);
var spService = new soby_SharePointService(dataSourceBuilder);

var carousel = new sobyCarousel("#sobyCarouselDiv", "Carousel", spService, "There is no record found.", null, "Image", "Title", "Body", false);
carousel.MaxWidth = "600px";
carousel.Initialize(true);
</script>

Last edited Nov 12, 2014 at 2:28 PM by Serkant_Samurkas, version 3