Consider taking the Color Cycle Survey

Preview image

A preview image can be displayed before the user loads the panorama. This image is specified using the preview parameter.


<iframe width="600" height="400" allowfullscreen style="border-style:none;" src=";amp;preview=/images/tocopilla-preview.jpg"></iframe>



    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Preview image</title>
    <link rel="stylesheet" href=""/>
    <script type="text/javascript" src=""></script>
    #panorama {
        width: 600px;
        height: 400px;

<div id="panorama"></div>
pannellum.viewer('panorama', {
    "type": "equirectangular",
    "panorama": "",
    "preview": "/images/tocopilla-preview.jpg"


Pannellum is developed on GitHub by Matthew Petroff.
CDN via KeyCDN.