Orchard is a free, open source, community-focused project aimed at delivering applications and reusable components on the ASP.NET platform. It will create shared components for building ASP.NET applications and extensions, and specific applications that leverage these components to meet the needs of end-users, scripters, and developers.
Orchard is an open source CMS based ASP.Net lightweight, powerful, and easy to use. On the Web Platform Installer (Web PI) Orchard CMS CMS has not been entered on the list, but you can add it yourself by adding Web feeds Orchard in PI.


A rotating image gallery is something many sites have these days. Most people employ this functionality by adding some jQuery code to rotate through a set list of images or simply by adding a plugin already built. When developing sites in Orchard CMS it is important to make as much content as you can editable by your clients so they can easily manipulate the website when needed.There are simple step to creating a rotating image galerry in Orchard :

Step 1 : Create new content type of " Banner Image " .
First you will need to install the module ImageFile so you can benefit from this new content part . Once you have installed it browse to Content > Content Types. Create a new Content Type called " BannerImage " . Add two fields to this content type . The first will be a TextField and call it " imagetext " . Next , add an ImageField called " ImageFile " . It should also have the following content parts : Common , containable , Publish Later , Custom Properties , and Title . Click Save . The imagetext field will hold some descriptive text to show over the image . ( Note : You may also add another field called " ImageLink " if you want this text to be clickable and perhaps take you to a specific page on the site . ) The second field is called ImageLink is responsible for choosing the associated image . Lastly , the Custom Properties field will be used for storing the display order of the images.

Step 2 : Create new content type of "Image Gallery".
Go and create another content type Entitled " ImageGallery " . This type will require the following content parts : Common , Container , Publish Later , Title , Admin Menu . Click Save .

Step 3 : Create the "Home Page Gallery" content type.
  in the dashboard you have an a new type called " Image Gallery " under the New > tab of the dashboard . Select this type and create a new content item Entitled " Home Page Gallery " .

Step 4 : Map the " Image Gallery " to a container widget that sits on the homepage layer .

Step 5 : Add some Banner Images .
You now have the structure in place to begin adding content for your gallery . Find your new admin menu item Entitled " Home Page Gallery " in the dashboard .

Step 6 : Create a template to override the rendering .
we want to add a new template so we can control the rendering to fit our gallery goal . Begin by adding a new template in your themes directory . Under Themes \ YourTheme \ Views add a new file called " Content - BannerImage.Summary.cshtml " . The contents of this file will control the rendering of your gallery . Here are the contents I used , you may choose to use different markup .

@ using Orchard.ContentManagement ;

@ using Orchard.Core.Routable.Models ;

@ using Orchard.Core.Common.Models ;

@ {

    bannerImage var = ( ( ContentItem ) Model.ContentItem ) . Parts.SelectMany ( p = > p.Fields .) Where ( f = > f.Name == " ImageFile " ) . First ( ) . Storage.Get <string> ( null ) ;

    bannerText var = ( ( ContentItem ) Model.ContentItem ) . Parts.SelectMany ( p = > p.Fields .) Where ( f = > f.Name == " imagetext " ) . First ( ) . Storage.Get <string> ( null ) ;

}

@ if ( HasText ( bannerImage ) )

{

    <div class="gallery" style="display:none;">

        src="@Href(bannerImage)" <img height="460" width="695" />

        <div class="gallery-overlay"> @ bannerText < / div >

        <div class="gallery-links"> < / div >

    < / div >
}

Step 7 : Use some jQuery to animate and rotate the images.
The final step is add some scripting to rotate these images and populate some clickable links for the user to paginate through the gallery .