Using EPiImage with Page Type Builder (PTB)

[PageTypeProperty(EditCaption = "Main image", Type = typeof(EPiImageProperty))]

public virtual EPiImagePropertyData MainImage

{

    get; set;

}

Image url: <%=CurrentPage.MainImage.ImageUrl%>

Image description: <%=CurrentPage.MainImage.ImageDescription%>

<%@ Register TagPrefix="EPiImage" TagName="EPiImageResizer" 

    Src="~/EPiImage/UserControls/EPiImageResizer.ascx" %>

<EPiImage:EPiImageResizer ID="Image" 

    PropertyName="MainImage" 

    Width="200" 

    Height="200" 

    Transformation="ScaleToFit" runat="server" />

[PageTypeProperty(EditCaption = "Image gallery", Type = typeof(EPiImageGalleryProperty))]

public virtual EPiImageGalleryImageCollection ImageGallery

{

    get;

    set;

}

<%

foreach (EPiImageGalleryImage Image in CurrentPage.ImageGallery)

{

  %>

  Image Url: <%= Image.ImageURL %><br />

  Link Url: <%= Image.LinkURL %><br />

  Description: <%= Image.Description %><br />

  <%

}

%>

<%@ Register TagPrefix="EPiImage" 

   TagName="EPiImageGalleryViewer" 

   Src="~/EPiImage/UserControls/EPiImageGalleryViewer.ascx"%>

<EPiImage:EPiImageGalleryViewer ID="Viewer"

    PropertyName="ImageGallery" 

    runat="server" />

<%@ Register TagPrefix="EPiImage" 

    TagName="EPiImageGalleryGrid" 

    Src="~/EPiImage/UserControls/EPiImageGalleryGrid.ascx" %>

<EPiImage:EPiImageGalleryGrid ID="Grid" 

    PropertyName="ImageGallery" 

    ThumbnailHeight="150" ThumbnailWidth="150" 

    DescriptionHeight="20" DownloadLinkHeight="20" 

    Transformation="ScaleToFill" 

    ShowDescription="true" 

    ShowDownloadLink="true" 

    LinkThumbnailsTo="OriginalImage" runat="server" />