Click here to Skip to main content
13,356,318 members (62,632 online)
Click here to Skip to main content
Add your own
alternative version


13 bookmarked
Posted 13 Feb 2009

Silverlight Slide Show in SharePoint

, 13 Feb 2009
Rate this:
Please Sign up or sign in to vote.
This article explains how to display Silverlight powered slide show in SharePoint using Slide.Show.


This article explains how to display Silverlight powered slide show in SharePoint using Slide.Show. Vertigo Software has released this full-featured interactive open source Silverlight 1.0 control for publishing photo slides on the web. Slide.Show version 2 is also available in CodePlex which is a Silverlight 2.0 control.

Download Slide.Show from CodePlex.

This article uses Slide.Show – Version 1 to display silverlight powered slide show in a SharePoint page.



Create a basic html page and add the following HTML source. Upload this HTML file to the document library/ Pages Library.

    <title>Silverlight slide show in SharePoint using Slide.Show</title> 
    <script type="text/javascript" src="Silverlight.js"></script> 
    <script type="text/javascript" src="SlideShow.js"></script> 
<script type="text/javascript"> 
  new SlideShow.Control(new SlideShow.XmlConfigProvider()); 

If you want to display the slide show in your home site then add a “Page Viewer WebPart” and point the created html from document library.

Document Library / Pages Library

Create a folder in document library of SharePoint site to store HTML and other files and also created two XML files Configuration.xml and Data.xml in the same location. I have used the Pages Library of my publishing site.



This file holds all configuration details like width, height, background, modules and transition information.

Please refer the Quick Start Guide from CodePlex for understanding the schema of Configuration.xml and Data.xml.


Use Data.xml to create albums and slides. Use SharePoint site’s Image Library to hold all the images. This file refers the images from Image Library. See the following sample Data.xml.

<data transition="CrossFadeTransition"> 

    title="Album Title #1" 

    description="Album Description #1" 


        title="Slide Title #1" 

        description="Slide Description #1" 




        title="Slide Title #2" 

        description="Slide Description #2" 




        title="Slide Title #3" 

        description="Slide Description #3" 




Use ssgenerator for resizing image and Data.xml file generation from CodePlex.


Slide.Show supports 300 configurable options. Now it is very easy to play with Silverlight with the use of Slide.Show in your SharePoint site.


This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


About the Author

Zabiullah Sheik Ismail
India India
Zabiullah SI is working for an MNC in Chennai.

Blog :

You may also be interested in...

Comments and Discussions

GeneralError when the page is loaded Pin
sweetpotatop21-Sep-09 9:05
membersweetpotatop21-Sep-09 9:05 
QuestionHow can I link to a new url when click the photo? Pin
whalelover25-Jun-09 23:44
memberwhalelover25-Jun-09 23:44 
QuestionPossibility of make this into a customized web part Pin
surya kiran4-May-09 5:32
membersurya kiran4-May-09 5:32 
QuestionHard code your slides? Pin
Skully102216-Feb-09 5:39
memberSkully102216-Feb-09 5:39 
AnswerRe: Hard code your slides? Pin
Zabiullah Sheik Ismail16-Feb-09 18:58
memberZabiullah Sheik Ismail16-Feb-09 18:58 
GeneralRe: Hard code your slides? Pin
Sike Mullivan19-Feb-09 13:44
memberSike Mullivan19-Feb-09 13:44 
GeneralRe: Hard code your slides? Pin
sweetpotatop21-Sep-09 7:52
membersweetpotatop21-Sep-09 7:52 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

Permalink | Advertise | Privacy | Terms of Use | Mobile
Web02 | 2.8.180111.1 | Last Updated 13 Feb 2009
Article Copyright 2009 by Zabiullah Sheik Ismail
Everything else Copyright © CodeProject, 1999-2018
Layout: fixed | fluid