Courasol image slider in EPI server

November Happy Hour will be moved to Thursday December 5th.

AI OnAI Off

Home / Forums / Developers (Main Products) Forum / CMS 7.5 - 11 /

sandeep vemula

Vote:

Hi ,

Am new to EPI.

I want to implement image slilder block with another block type data.

I have a block which store some images with some data.

i want to get images from this block and i want to display those images in courasol image slider block.

#174240

Jan 23, 2017 8:37

Arild Henrichsen

Vote:

Here's a useful tutorial for creating an image carousel (in MVC) for Episerver:

If you need one for WebForms:

#174245

Jan 23, 2017 10:01

Aria Zanganeh

Vote:

Hi Sandeep,

To this in your let's say your block called CarouselBlock. You need a list of content references to drag and drop your images:

public class CarouselBlock : BlockData

{

[AllowedTypes(typeof(ImageData))]
public virtual IList<ContentReference> Images { get; set; }

}

and in your razor template you can go:

@foreach (var imageContentRefernece in Model.Images)
{
<img src="@Url.ContentUrl(imageContentRefernece)" />
}

Aria

#174246

Jan 23, 2017 10:16