Steps to create this on your own site using SharePoint Designer (no server access or web part installation required).
Note: Copy any code below into notepad first. Only PNG and JPG are supported by Silverlight 1.0.
Assuming you have a SharePoint picture library already created.
- Create a Document Library to hold your web part page and the required SilverLight files (set template to Web Part Page)
- Create a folder called script in the document library
- Copy the following files from http://www.codeplex.com/bjsspv/Release/ProjectReleases.aspx?ReleaseId=6444 into the script folder
- Createsilverlight.js
- Main.js
- Silverlight.js
- Scene.xaml
- Photoitem.xaml
- Create a Web Part Page in the library
- Edit the web part page in SharePoint Designer
- Insert a Data View of your picture Library (just select one field from the data source view)
- Set the data view layout to Plain Layout
- Add the following code immediately before the
Loading...]]>]]>- Replace the dvt_1 template with the following
- Replace all the code between the
localScene.PhotoItemsUrls['
This adds the image url and calculates the thumbnail for the image (_ext.jpg). Substitute www.wssdemo.com with your site url and Today with your picture library. Important: If your picture library is in a sub site, the first URL should be to your root site collection, not the sub site.- Save your page and view it in the browser (mouse over the bottom of the image to get the selector to display)
- Replace the dvt_1 template with the following
No comments:
Post a Comment