How to show panorama images in Wordpress

I would like to be able to use pano images from my iPhone in my websites and have them display to fill full screen height, depending on individual browsers and scrollable from left to right to view the complete image. Not 360 pano but original images that average around 9000 x 2500 pixels, approximately 180 degree views. Anyone have a suggestion for how to do this?

  • lbartley
    • The Incredible Code Injector

    Thanks Patrick but I may have asked this question wrong. I had found these plugins earlier but they both refer to linking to HTML, php, iframes, and complete directories with all the files created by pano programs, etc., etc. Even though Iphone calls these panorama images they are actually just a single, un-stitched, wide-angle view. All I want to do is display a single image at full height with the side edges extending out of view and a scroll bar at the bottom to allow to the full image to be seen. Although they would be at much higher resolution I've attached an example of the type of images I'd like to display.

  • Ash
    • WordPress Hacker

    Hi @lbartley

    If it's a single panorama image, you can do it using simple css. So, html would be:

    <div class="pan">
    <img src="/path/to/image">
    </div>

    And the css:

    .pan{
    width: 100%;
    overflow: hidden;
    overflow-x:scroll;
    }

    Hope it helps :slight_smile: Please feel free to ask more question if you have.

    Feel free to suggest if I misunderstand.

    Cheers
    Ash

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.