Silverlight Panorama Viewer
The Silverlight Panorama Control is a free flexible panorama viewer. It is based on Microsoft Silverlight.
It allows you to embed large panorama photo's on your website. By using the panorama viewer, the panorama can easily be viewed and rotated, even 360 degrees panorama's.
It is free to use.
Configuration
There are several configuration options:
- ImgLocation
The name or URL of the image. Only the name when in the same directory as the Silverlight control, or the full URL.
- ImgDescription
Optional discription of the photo. Can be left blank.
- DoNotRotate
Indication if 360 degrees infinit rotation is allowed (value: DoNotRotate=0) or not ((value: DoNotRotate=0))
- AutoRotateSpeed
Speed of the initial rotation when the control is loaded, 0 for no initial rotation.
- DragDropOnly
Only move the image by dragging the picture
- StopRotatingOnMouseLeave
Stop rotating the picture when the mouse leaves the picture-frame
Download
Download the zipped XAP file here.
Live Example
Code:
<object data="data:application/x-silverlight,"
type="application/x-silverlight" width="80%" height="250">
<param name="source" value="Silverlight_Panorama.xap"/>
<param name="initParams"
value="ImgLocation=pano3.jpg,ImgDescription=Example description,DoNotRotate=0,AutoRotateSpeed=10,DragDropOnly=0,StopRotatingOnMouseLeave=1"
/>
<a href="http://go.microsoft.com/fwlink/?LinkID=108182"
style="text-decoration: none;">
<img src="http://go.microsoft.com/fwlink/?LinkId=108181" alt="Get
Microsoft Silverlight" style="border-style: none"/> </a>
</object>
Auto-rotating Example
Code:
<object data="data:application/x-silverlight,"
type="application/x-silverlight"
width="80%"
height="250">
<param
name="source"
value="Silverlight_Panorama.xap"/>
<param
name="initParams"
value="ImgLocation=pano3.jpg,ImgDescription=Example
description,DoNotRotate=0,AutoRotateSpeed=10,DragDropOnly=0,StopRotatingOnMouseLeave=1"
/>
<a
href="http://go.microsoft.com/fwlink/?LinkID=108182"
style="text-decoration: none;">
<img src="http://go.microsoft.com/fwlink/?LinkId=108181"
alt="Get Microsoft
Silverlight" style="border-style:
none"/></a>
</objectan style="font-size:10.0pt;line-height:115%;font-family:"Courier New";color:blue;
mso-no-proof:yes">>
Drag-only Example
Use your mouse to drag the picture
Code:
<object data="data:application/x-silverlight,"
type="application/x-silverlight"
width="500"
height="250">
<param
name="source"
value="Silverlight_Panorama.xap"/>
<param
name="initParams" value="ImgLocation=pano2.jpg,ImgDescription=,DoNotRotate=1,AutoRotateSpeed=0,DragDropOnly=1,StopRotatingOnMouseLeave=0"
/>
<a
href="http://go.microsoft.com/fwlink/?LinkID=108182"
style="text-decoration: none;">
<img src="http://go.microsoft.com/fwlink/?LinkId=108181"
alt="Get Microsoft
Silverlight" style="border-style:
none"/></a>
</an
style="color:#A31515">object>
Comments
Michael Washington
07-05-2008
Well Done.
Deepika
09-05-2008
Good Job :)
Feal Xu
15-05-2008
Fantastic!
GusT
19-08-2008
Excellent work. Did you post the source code anywhere?
Michiel
24-08-2008
The source code is not available for this sample. But you can download the compiled control.
John
05-01-2009
download xap, rename to zip, un-zip use reflector
but very nice work indeed!
david conley
31-01-2009
good example ,I Think apanarama vewer would look good home page.
tom
15-10-2009
is it possible to create buttons to control the spinning of the image? Is it possible to use jQuery to dynamically load images?
L
09-01-2012
It's just amazing! Thank you very-very much!
ziyaad
03-05-2012
How would i use this in a silver light application? My apologies i am very new to silver light.
Thanks
Pedro
04-06-2014
Gracias por el ejemplo, apenas inicio es esto, espero no sea tarde... con eso de que Microsoft abandona a silverlight