Hi Sethu,

This is a bit of an open question!

I would recommened you subscribe to Umbraco TV for at least one month and see how a gallery can be created http://umbraco.com/help-and-support/video-tutorials.aspx?vers=471&author=105

Rich

Hi Sethu,

You could do a simple image gallery by adding a property field  alias e.g "MyGallery" in your document type with a type "Media Picker".

Just create an xslt and add it to your template and add something like that in your code

<xsl:param name="currentPage"/>
    <xsl:variable name="MyCallery" select="number($currentPage/Image)"/>


<xsl:template match="/">
<!-- start writing XSLT -->  
<ul>
 <xsl:if test="number($MyCallery)">
        <xsl:for-each select="umbraco.library:GetMedia($MyGallery, 'true')/Image">
<li>
<a   href="{umbracoFile}> 
<xsl:element name="img">
               <xsl:attribute name="src">
                  <xsl:value-of select="umbracoFile"/>
              </xsl:attribute>
     </xsl:element>
</a>
</li>
   </xsl:for-each>
</xsl:if>
</ul>
</xsl:template>

Hope this will help.

I wrote a blog post about creating a simple image gallery that might be of use (it's based on XSLT, but easy enough to do in Razor).

I have posted a video link on Image Gallery. Let me know if this can help.

Summary

Recently, we build an Image Gallery for one of our client. It has been a flexible Image Gallery with lot of options to align images left or right, change the image size, limit the number of images per row, show child links, etc.

We are using Umbraco CMS to built the site and Razor Scripts has been used to built the plugin. 

I always use DAMP for an image gallery. Here is a quick demo on how to set it up: http://www.screenr.com/gz0s.

Jeroen

is working on a reply...