michielpost.nl

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

ImgLocation pano3.jpg
ImgDescription
DoNotRotate (360 degrees)
AutoRotateSpeed
DragDropOnly
StopRotatingOnMouseLeave
Get Microsoft Silverlight
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


New Comment

Name
E-mail (not published)
Comment
Enter the code shown: