diff --git a/configuration.htm b/configuration.htm index 8b87609..f61b664 100644 --- a/configuration.htm +++ b/configuration.htm @@ -45,6 +45,9 @@ if(form.lon.value != 0) { embed_code.innerHTML += '&lon=' + escape(form.lon.value); } + if(form.preview_url.value != '') { + embed_code.innerHTML += '&preview=' + escape(form.preview_url.value); + } embed_code.innerHTML += '">'; return false; } @@ -67,6 +70,8 @@

Panorama URL:

+ Panorama Preview URL (optional):
+

Basic Information:

Embed Size:
@@ -92,4 +97,4 @@ - \ No newline at end of file + diff --git a/examples/example-minified.htm b/examples/example-minified.htm index 24e0311..77888cb 100644 --- a/examples/example-minified.htm +++ b/examples/example-minified.htm @@ -5,6 +5,6 @@ - + diff --git a/examples/example.htm b/examples/example.htm index 0bb01c3..abf621d 100644 --- a/examples/example.htm +++ b/examples/example.htm @@ -5,6 +5,6 @@ - + diff --git a/src/css/pannellum.css b/src/css/pannellum.css index f305cc7..9f9d4a9 100644 --- a/src/css/pannellum.css +++ b/src/css/pannellum.css @@ -1,11 +1,5 @@ html { height: 100%; - background-color: #666; - background-image: -webkit-linear-gradient(-45deg, #999 24%, #666 26%, #666 49%, #999 51%, #999 74%, #666 76%, #666); - background-image: -moz-linear-gradient(-45deg, #999 24%, #666 26%, #666 49%, #999 51%, #999 74%, #666 76%, #666); - background-image: -o-linear-gradient(-45deg, #999 24%, #666 26%, #666 49%, #999 51%, #999 74%, #666 76%, #666); - background-image: linear-gradient(-45deg, #999 24%, #666 26%, #666 49%, #999 51%, #999 74%, #666 76%, #666); - background-size:20px 20px; } body { @@ -15,6 +9,12 @@ body { cursor:default; width: 100%; font-family:serif; + background-color: #666; + background-image: -webkit-linear-gradient(-45deg, #999 24%, #666 26%, #666 49%, #999 51%, #999 74%, #666 76%, #666); + background-image: -moz-linear-gradient(-45deg, #999 24%, #666 26%, #666 49%, #999 51%, #999 74%, #666 76%, #666); + background-image: -o-linear-gradient(-45deg, #999 24%, #666 26%, #666 49%, #999 51%, #999 74%, #666 76%, #666); + background-image: linear-gradient(-45deg, #999 24%, #666 26%, #666 49%, #999 51%, #999 74%, #666 76%, #666); + background-size:20px 20px; } .grab { diff --git a/src/js/pannellum.js b/src/js/pannellum.js index dfb9c68..19a06d3 100644 --- a/src/js/pannellum.js +++ b/src/js/pannellum.js @@ -66,6 +66,11 @@ if(getURLParameter('fallback')) { document.getElementById('nocanvas').innerHTML = '

Your browser does not support WebGL.
Click here to view this panorama in an alternative viewer.

'; } +if(getURLParameter('preview')) { + document.body.style.backgroundImage = "url('" + getURLParameter('preview') + "')"; + document.body.style.backgroundSize = "auto"; +} + var fov = 70, lat = 0, lon = 0; if(getURLParameter('fov')) { fov = parseFloat(getURLParameter('fov'));