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

1. Download the zip here
   You can also download the complete example showed above here (is 2Mb file with all the photos of my holiday in Paris).
2. Unzip the file SilverlightPhotoGallery.zip and put the SilverlightPhotoGallery.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="405" height="350"> <param name="source" value="ClientBin/SilverlightPhotoGallery.xap"/> <param name="onerror" value="onSilverlightError" /> <param name="background" value="white" /> <param name="minRuntimeVersion" value="2.0.31005.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="405" height="350">
     width and height (in pixels) of the photo gallery (You can also use a percentage value Ex: width="100%" height="80%").
   • <param name="source" value="ClientBin/SilverlightPhotoGallery.xap"/>
     the path where is located the SilverlightPhotoGallery.xap on your website
     Example: if You put the file SilverlightPhotoGallery.xap in a folder like http://www.yoursite.com/folder/SilverlightPhotoGallery.xap you must to set this code <param name="source" value="http://www.yoursite.com/folder/SilverlightPhotoGallery.xap"/>
   • <param name="background" value="white" />
     The background of the player while loading, You can set this like your page background.
5. Select your images and Create thumbnails
   Create thumbnails with an image editing program. Thumbnails should be at least 45x45 pixels (larger thumbnail images will be cropped).
6. Edit images.xml
   Open the file images.xml with a text editor (Notepad, TextPad or some other text editor...). You will notice that the XML file has a special structure in order to describe the images in the gallery. All images are described with the following XML tags located between the <images> and </images> tags.
   <picture> <thumbnail>Location of the thumbnail image</thumbnail> <image>Location of the big image</image> <text>Description, title or name of the image</text> </picture>
   Here is a example of an actual image.
   <picture> <thumbnail>/gallery/thumbs/1.jpg</thumbnail> <image>/gallery/1.jpg</image> <text>A fountain on the Place de la Concorde</text> </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