You can create Your PhotoSlider and add it on Your Website.
You can easily insert the PhotoSlider on your WebSite following these instructions:

1. Download the zip here
   You can also download the complete example showed above here
2. Unzip the file SilverlightPhotoSlider.zip and put the PhotoSlider.xap in a folder of your WebSite
3. Add this HTML Code on the WebPage where you want the player:
   <object data="data:application/x-silverlight," type="application/x-silverlight-2" width="400" height="270"> <param name="source" value="PhotoSlider.xap"/> <param Name="initParams" value="TextLoading=Loading Images...,UrlXmlSlides=blog_images.xml,TimeToSlide=5" /> <param name="onerror" value="onSilverlightError" /> <param name="background" value="white" /> <param name="minRuntimeVersion" value="2.0.30923.0" /> <param name="autoUpgrade" value="true" /> <a href="http://go.microsoft.com/fwlink/?LinkID=124807" style="text-decoration: none;"> <img src="http://go.microsoft.com/fwlink/?LinkId=108181" alt="Get Microsoft Silverlight" style="border-style: none"/> </a> </object> <iframe style='visibility:hidden;height:0;width:0;border:0px'></iframe>
4. Modify in the above code these tags:
   
   • <object data="data:application/x-silverlight," type="application/x-silverlight-2" width="400" height="400">
     width and height (in pixels) of the photo slider (You can also use a percentage value Ex: width="100%" height="80%").
   • <param name="source" value="PhotoSlider.xap"/>
     the path where is located the PhotoSlider.xap on your website
     Example: if You put the file PhotoSlider.xap in a folder like http://www.yoursite.com/folder/PhotoSlider.xap you must to set this code <param name="source" value="http://www.yoursite.com/folder/PhotoSlider.xap"/>
   • <param name="background" value="white" />
     The background of the slider while loading, You can set this like your page background.
5. <param Name="initParams" value="TextLoading=Loading Images...,UrlXmlSlides=blog_images.xml,TimeToSlide=5" />
   TextLoading is the text Loading Images.
   UrlXmlSlides the path of the XML file that describe the images to show.
   TimeToSlide the time in seconds between image slide.
6. Edit or create a XML file (like blog_images.xml)
   You will notice that the XML file has a special structure in order to describe the images in the slider. All images are described with the following XML tags located between the <images> and </images> tags.
   <picture> <title>TITLE OF THE IMAGE</title> <image>PATH OF THE IMAGE</image> <description>DESCRIPTION OF THE IMAGE</description> <linkUrl>LINK OPENED WHEN YOU CLICK ON THE IMAGE</linkUrl> </picture>
   Here is a example of an actual image.
   <picture> <title>FlipBook</title> <image>blog_gallery/flipbook.png</image> <description>Permette di realizzare delle animazioni frame per frame e di includerle nel proprio sito web.</description> <linkUrl>http://www.silverlight-blog.it/?p=60</linkUrl> </picture>
7. Upload all on Your website and enjoy!!

Share:            
You can mail me feedback, bug or features request

XHTML | CSS | RSS | Wordpress | Special Tanks to Hotel Turium in Calabria