Then there are those who do not know about -globalinstall for installing webparts like this or changing the security.

As I have said in other postings this part was developed on an x64 system so will not work on a 32 bit system. This was a technical article for developers of webparts and not for any one to just install a webpart, hence “sourcecode”.

So before anyone else asks me again.

1. Be a developer, I have no time for admins, this code needs compiling BY YOU in Vis Studio 2003, then create your own installation routine.
2. I have set my web.config from wss_minimal to Full, cos its easy, I am not writing for production environments, this is a proof of concept. You can worry about CAS.
3. Try a -globalinstall if your still having trouble.
4. Try and figure it out for yourself, plenty of others have already used this and figured it out, so I know its not the code.
5. Then and only then bother me about it, and even then I still might ignore you.

Sorry but getting a bit tired of people who can’t read or won’t try and figure stuff out for themselves, this is a developer article.

Many Thanks…

But I had requirement to navigate other page in same browser rather than popup.
so did some code changes and it works..

Here is summary..
I blocked below even handler.

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

},

and added one more parameter “siteUrl” in below functions
which gets value dynamically from picture library(added one more column “URL”).

function SilverlightFilmStripPartPhotoUrls(videoUrl, videoThumbnailUrl, siteUrl)

function SilverlightFilmStripPartPhotoItem(control, target, index, thumbnailUrl, photoUrl, siteUrl, clickHandler) {

and modified below eventhandler

SilverlightFilmStripPartPhotoItem.prototype.handleMouseLeftButtonDown = function(sender, eventArgs) {

//this.clickHandler(sender, this.photoUrl);

location.href = this.siteUrl;

}

So on clicking of samll image it navigates to another page in same site.

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.