iPanorama Window Size Using “General” Settings.

  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.

In a prior post I went through changing the size the 360 is displayed using the “Embed code with ID” settings. Some people may find it easier to use the “General” settings in iPanorama to set the desired size of the displayed image. Just insert the “Standard shortcode” and you are done.

Leaving all settings at their defaults, and using the “Standard Shortcode” I get the following for my #9 iPanorama tour.

So, it appears that the “default” ends ups 543×269… why, I have no clue.

Note: You MUST add the units, in this case it is pixels, so make sure you put “px” after the number!! Or you will get really frustrated trying to figure out why it isn’t working!

Now, to experiment, in “General” settings, “Container”, Turn off Container “Auto width” and “Auto height”, then set them to another value. I used 300px by 100px here.

Not so useful at this size! Unless you just wanted people to see the controls!

The actual image comes out at 269×89, maybe to preserve aspect ratios? Allow room for borders? Maybe padding? Again, I don’t know, but it does change the displayed image size. You can tweak the sizes to get closer to the actual display size you want.

Changing the Container size, but only using the Width setting while leaving the height set to “Auto”.

Again, we can see it has changed size, to match the width entered into the Container settings. Not sure where the height comes from!

This is mostly to show that in fact these settings work, and how to make basic changes to them.

Posted in iPanorama, Wordpress Playground and tagged .

Leave a Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.