diff --git a/artwork-src/grab.svg b/artwork-src/grab.svg new file mode 100644 index 0000000..d6fad68 --- /dev/null +++ b/artwork-src/grab.svg @@ -0,0 +1,36 @@ + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/artwork-src/grabbing.svg b/artwork-src/grabbing.svg new file mode 100644 index 0000000..627211b --- /dev/null +++ b/artwork-src/grabbing.svg @@ -0,0 +1,36 @@ + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/src/css/img/grab.png b/src/css/img/grab.png new file mode 100644 index 0000000..a4b2f23 Binary files /dev/null and b/src/css/img/grab.png differ diff --git a/src/css/img/grabbing.png b/src/css/img/grabbing.png new file mode 100644 index 0000000..9156415 Binary files /dev/null and b/src/css/img/grabbing.png differ diff --git a/src/css/pannellum.css b/src/css/pannellum.css index 6dadd5b..81cea80 100644 --- a/src/css/pannellum.css +++ b/src/css/pannellum.css @@ -11,6 +11,20 @@ body cursor:default; } +.grab +{ + cursor:url(img/grab.png) 12 8,default; +} +.grabbing +{ + cursor:url(img/grabbing.png) 12 8,default; +} + +#container +{ + cursor:inherit; +} + #page { background-image:url('img/background.png'); @@ -25,6 +39,7 @@ body left:2px; width:27px; height:54px; + cursor:pointer; } #zoom_in @@ -66,6 +81,7 @@ body height:27px; background-image:url('img/sprites.png'); background-position:-54px -27px; + cursor:pointer; } #about_button:hover @@ -107,6 +123,7 @@ body height:17px; margin-right:2px; margin-top:-21px; + cursor:pointer; } #close_button:hover { @@ -123,6 +140,7 @@ body width:81px; height:27px; display:none; + cursor:pointer; } #pannellum_logo a:link @@ -232,6 +250,7 @@ body -moz-user-select:none; -o-user-select:none; user-select:none; + cursor:pointer; } #load_button:hover { @@ -330,6 +349,7 @@ body height:27px; background-image:url('img/sprites.png'); background-position:-27px -81px; + cursor:pointer; } #fullwindowtoggle_button:hover { @@ -344,6 +364,7 @@ body height:27px; background-image:url('img/sprites.png'); background-position:0px -81px; + cursor:pointer; } #fullwindowtoggle_button_active:hover { diff --git a/src/js/pannellum.js b/src/js/pannellum.js index bff9668..21d0d96 100644 --- a/src/js/pannellum.js +++ b/src/js/pannellum.js @@ -128,6 +128,8 @@ function init() var t=setTimeout("isTimedOut = true",500); }; panoimage.src = getURLParameter('panorama'); + + document.getElementById('page').className = 'grab'; } function onDocumentMouseDown(event) @@ -141,6 +143,8 @@ function onDocumentMouseDown(event) onPointerDownLon = lon; onPointerDownLat = lat; + + document.getElementById('page').className = 'grabbing'; } function onDocumentMouseMove(event) @@ -156,6 +160,7 @@ function onDocumentMouseMove(event) function onDocumentMouseUp(event) { isUserInteracting = false; + document.getElementById('page').className = 'grab'; } function onDocumentMouseWheel(event)