Sharepoint Silverlight Image Library Viewer Part

Soory about that I forgot to change the web forwarding.

I have done this now but any problems try http://www.binaryjam.ukfsn.org as the domain part of the path.

Hi
I have gothough your example. I would like to have the steps of adding the webpart in the MOSS 2007

Thanks

I had a question about using this to open websites heres my reply for all to see. I also take time to describe some of the elements of the sourcecode so that hopefully its easy for anyone to add what they want.

Presuming that when you click any image you actually mean the scroller element, I guess you want to create a navigable control instead of an image display control and not the main image.

First off the Scroller bits.

Each of the thumbnails is a distinct Control. In the function downloadCompleted I iterate through the number of photos in my datalist to create these controls.

These controls are created by the statement new SilverlightFilmStripPartPhotoItem(…)

It might have been a good idea for me to put references to the items created in my original data but I didnt need to.

This statement only creates the JScript object and not the Silverlight object, that is created by the

templateInstance = this.control.content.createFromXaml(templateInstanceString, true);

statement. That template reference is passed into the constructor of the Jscript SilverlightFilmStripPartPhotoItem.

thats all very nice, but you are interested in events.

So handling events on each control then. In the constructor of the StrippartPhotoItems I create event handlers for the click event (plus others)

this.target.addEventListener(“MouseLeftButtonDown”, Sys.Silverlight.createDelegate(this, this.handleMouseLeftButtonDown));

When you click any image, each individual control object calls its own handleMouseLeftButtonDown function. If all I wanted to do was effect the object pressed then I could code my stuff in here, but I wanted to effect the parent. I could have passed a reference to the parent object in the constructor and done that, but I prefer the model of event raising or in this case function pointers.

What am I talking about ? Well in the function handleMouseLeftButtonDown I call another function

this.clickHandler(sender, this.photoUrl);

so what is clickHanlder looks like a variable of the constructor. Well it is and it isnt. The constructor of each PhotoItem has as its last parameter this statement

Sys.Silverlight.createDelegate(this, this.onPhotoItemClicked)

This creates a function pointer to the SilverlightFilmStripPart.Scene.onPhotoItemClicked function of the main scene object.

In here we set the MainImage to the url we want, passed by the photoItem control when it called this.clickHandler(sender, this.photoUrl);

So now to open a website by clicking on the Image. This is a change to the section

onPhotoItemClicked: function(sender, eventArgs) {
this.MainImage.Source=eventArgs;

},

For quickness try this

onPhotoItemClicked: function(sender, eventArgs) {
//this.MainImage.Source=eventArgs;
window.open(eventArgs);
},

For full control over the window to open ( I presume you want to open a window and not replace the current one)

see http://msdn2.microsoft.com/en-us/library/ms536651.aspx

This will no longer try and display a large image. Also find this line and comment it out

if (i==0)
this.MainImage.Source=this.PhotoItems[i].photoUrl;

In fact if your not using this as an image viwer but a fancy web page opener find all references in the xaml and the js and remove them.

Hope that helps.

I used this web part in MOSS 2007.Deployment was done successfully.
when i deployed this webpart…their is nothing that appears.
A white space appears and their is no javascript errors appear at all.

Can I try deploying this webpart to WSS 3.0? I’m still gonna try..The demo link above seems to be not working..