Pano2VR 7 Docs / Pinning Images

Pinning Images

Learn how to pin images to the panorama with correct distortion.

https://vimeo.com/274096134
  1. In the Viewer, choose Images from the Viewer Modes. Or by using the keyboard shortcut I.

  2. Double-click in the Viewer to add the image.

    A dialog will appear. Navigate to your image and click Open. Once added, a transparent version of the image will appear.

    Alternatively, drag the image to the Viewer.

    Pinned Image
    Pinned Image

    ✭ The image is only transparent in the Viewer to help aid placing and positioning.

  3. Adjust the image to the panorama by doing one or all of the following:

    → Click on the center icon and drag to move the entire element into position.

    → Move on the handles (red corner dots), to match it/pin it to its environment.

    → Resize the image hold down Alt (win) or Option (macos) while dragging a corner handle. Dragging away from the center will make the image smaller.

    → Click the top arrow and drag in a vertical motion to move the element forward or backwards on the horizontal axis.

    → Click on the left arrow and drag in a vertical motion to move the element on its vertical axis.

    → Click and drag on the center arrow in a vertical motion to rotate the element.

  4. To make the image interactive, choose a a Click Mode in the image properties.

    Pop out normal – This will pop the image out to its original size which could extend beyond the browser window.

    Pop out 100% – This will animate the image to come forward and fill the window. The next click will return the image to its original position.

    To show that the image is interactive, enable the Hand Cursor. When the mouse is over the image, the cursor will change to a hand, indicating interactivity.

✭ Copy and paste pinned images by selecting a pinned image and right-click in the Viewer. Choose Copy Active Media Element. Right-click anywhere in the panorama and select Paste Media Element to paste. Images can also be copied in List View.

Copy Active Media Element
Copy Active Media Element

See also…

Last modified: Feb 13, 2023