Ipanorama using Tour iframe URL+Name and URL+ID

  1. Making 360° Tours
  2. Specify opening scene in iPanorama.
  3. Creating a Border and Specific Window Size
  4. 360 Pano Test using Short Code and Sceneid.
  5. Ipanorama using Tour iframe URL+Name and URL+ID
  6. Playing with Borders
  7. iPanorama – Adding a Compass
  8. iPanorama Window Size Using Short Code
  9. iPanorama Window Size Using “General” Settings.

Above uses iframe with Tour ID: *iframe width=”560″ height=”315″ src=”https://www.kasdorf.name/wordpress/ipanorama/virtualtour/2” frameborder=”0″ allowfullscreen* */iframe”*

iPanorama-using-iframe-Tour-ID
iPanorama-using-iframe-Tour-ID

Above uses iframe with Tour Name: *iframe width=”560″ height=”315″ src=”https://www.kasdorf.name/wordpress/ipanorama/virtualtour/test-after-upgrade-to-pro” frameborder=”0″* * allowfullscreen /iframe

Replace the * with appropriate < or > I would suggest using caution with the use of the tour name in case you ever change it in the future I am not sure what will happen!

360 Pano Test using Short Code and Sceneid.

  1. Making 360° Tours
  2. Specify opening scene in iPanorama.
  3. Creating a Border and Specific Window Size
  4. 360 Pano Test using Short Code and Sceneid.
  5. Ipanorama using Tour iframe URL+Name and URL+ID
  6. Playing with Borders
  7. iPanorama – Adding a Compass
  8. iPanorama Window Size Using Short Code
  9. iPanorama Window Size Using “General” Settings.

First is a link using the default ipano id.

iPanorama-Shortcode-Scene-1
iPanorama-Shortcode-Scene-1

  You can use the same id, but append the Scene ID.

iPanorama-Shortcode-Scene-2
iPanorama-Shortcode-Scene-2

Using the shortcode for the tour (ipano id=”2″), appending the sceneid (for scene 2) above: ipano [id=”2″ sceneid=2e9372d9].

Note the small difference in the two scenes. In the first the Scene One button is highlighted, while in the second the Scene Two button is highlighted. (Highlit?)

<iframe width="560" height="315" src="https://www.kasdorf.name/wordpress/ipanorama/virtualtour/1" sceneId=4d8f28b9 frameborder="0" allowfullscreen></iframe>

Creating a Border and Specific Window Size

  1. Making 360° Tours
  2. Specify opening scene in iPanorama.
  3. Creating a Border and Specific Window Size
  4. 360 Pano Test using Short Code and Sceneid.
  5. Ipanorama using Tour iframe URL+Name and URL+ID
  6. Playing with Borders
  7. iPanorama – Adding a Compass
  8. iPanorama Window Size Using Short Code
  9. iPanorama Window Size Using “General” Settings.

This is just to try and figure out how to add parameters for height and width. Also add a border.

iframe src=”https://smlc.news/ipanorama/virtualtour/test-after-upgrade-to-pro” allowfullscreen=”false” width=”560″ height=”360″ style=”border:21px solid black;”></iframe>

Specify opening scene in iPanorama.

  1. Making 360° Tours
  2. Specify opening scene in iPanorama.
  3. Creating a Border and Specific Window Size
  4. 360 Pano Test using Short Code and Sceneid.
  5. Ipanorama using Tour iframe URL+Name and URL+ID
  6. Playing with Borders
  7. iPanorama – Adding a Compass
  8. iPanorama Window Size Using Short Code
  9. iPanorama Window Size Using “General” Settings.

Using iPanorama 360 to create virtual tours? Would you like to open a specific scene at times?

First, if you just want a specific scene to always open first, you can rearrange the scenes using the UP/Down arrows

But if you just want to look at a specific scene for whatever reason you can use the short code with the sceneid. Note that each scene has a unique ID… yes it’s obvious, or you couldn’t specify the scene! Just watch which scene is highlit before you grad the Scene ID!

You should end up with the following.

This one is the default opening scene #1.

This one is using the custom sceneid, and you can see the “Scene 2” is highlighted, and different than the default.

I could see a use for this. One thing you could do is to create a page with buttons, then link each button to a different scene. While there are built in “widgets” with different styles, you may want to try and create something to match your web page.

I thought you should be able to use the iframe+URL+ID+SceneID but so far I cannot make this work! iframe width=”560″ height=”315″ src=”https://www.kasdorf.name/wordpress/ipanorama/virtualtour/test-after-upgrade-to-pro” sceneid=”2e9372d9″ frameborder=”0″ allowfullscreen></iframe

Making 360° Tours

  1. Making 360° Tours
  2. Specify opening scene in iPanorama.
  3. Creating a Border and Specific Window Size
  4. 360 Pano Test using Short Code and Sceneid.
  5. Ipanorama using Tour iframe URL+Name and URL+ID
  6. Playing with Borders
  7. iPanorama – Adding a Compass
  8. iPanorama Window Size Using Short Code
  9. iPanorama Window Size Using “General” Settings.

I have been playing around with my drone, getting some aerial shots of the local nature preserve. LeFurge Woods Nature Preserve, on Prospect Road, just a ways North of Geddes, and South of Cherry Hill.

I find 360° “Globe” panoramas to be intriguing, and have since back when it was a challenge to stitch pictures together, then make a .mov file, and even to get a player that would work on a web site.

Now it is so much simpler, and the options to make and enhance them are great.

Following is a “Tour” I made to go from one part of the preserve to another using the links inside the panos. Some of the icons you hover over to see information, some you can also click on to see a picture. The “^” icons is a jump to another location. You can go back and forth. Great fun indeed!

Use the icon in the bottom right to go full screen for the experience! Use “esc” to close again.