Page 1 of 1

Thumbnail menu improvements

Posted: Thu Feb 16, 2017 9:09 am
by lveerde
I have tried to create a skin with thumbnail menu at the bottom of the page. Sadly, two clients in a row now have not liked the way the thumbnail menu operates.
The scroll bar at the bottom is not good to use, they say. And they are kind of right.
The last work in progress can be seen here: http://www.tuur.ee/tuurid/11-stenbock/test/

So we would need some ways to enhance the thumbnail menu with cloner and slider. We can see that in other panorama viewers the thumbnail menu experience is enhanced for example by:
1. adding back-forward arrows that let the user to move the thumbnail strip left and right;
2. letting user to mouse press and pull the thumbnail slider left and right;
3. Moving the slider automatically left-right depending on the cursor position on the slider...

Now the easiest one of these seems to be adding back forward arrows on pano2vr.
Maybe with the method similar to this one: viewtopic.php?f=17&t=9253&hilit=thumbnail+buttons+left
But I have not suceeded. I guess this does not work very well with v5 cloner/scroll

So would it be possible to use any of these 3 methods (or some other way) in pano2vr v5 - to make the thumbnail menu better? So that user at desktop computer would have some alternative way to move the slider other than the scroll bar at the bottom.

Re: Thumbnail menu improvements

Posted: Wed May 17, 2017 7:57 pm
by mbb
>bump<

I too would like an answer to this. I have been considering using Pano2VR for making my tours but from what I can tell, Pano2VR is incapable of making a scrollable thumbnail menu that does not rely on clunky scroll bars. A search through the forums have turned up no examples of such, nor any proper answers to posts inquiring about it (as this one is). I would like to make my thumbnail menus so one can just drag back and forth on the thumbnail strip's images.

Can one make a scrollable thumbnail/preview strip without scroll bars in Pano2VR or not?

Re: Thumbnail menu improvements

Posted: Thu May 18, 2017 4:11 pm
by Hopki
Hi,
You can have buttons but it will have limitations.
But the scroller is the way to move the thumbnails.

You can use a cloner in a masking container then use buttons to position the cloner, this works ok but will not work if you want to make it responsive.
For this you would need several stacked on top of each other and then using player width show and hide.
If your using the same size cloners then the same thumbnail images should be used in all the menus so not having many of the same images.
Please find an example attached.
Regards,
Hopki

Re: Thumbnail menu improvements

Posted: Thu May 18, 2017 4:58 pm
by mbb
Thanks for the reply.

Disappointing that a style of "touch scrolling" (no scrollbar/buttons) of the thumbnails is not possible with Pano2vr.

Re: Thumbnail menu improvements

Posted: Fri May 19, 2017 1:52 pm
by Hopki
We went with CSS stile as determined in the HTML page.
This means the scrollers look the same in all browsers.
You can if you want open the HTML page in a text editor and change the values of the scroller.

Code: Select all

}
			::-webkit-scrollbar-thumb {
    			background-color:  rgba(255,255,255,0.5);
			}
Regards,
Hopki

Re: Thumbnail menu improvements

Posted: Wed May 24, 2017 2:55 pm
by mbb
Thanks, but this is still not the type of thumbnail menu I am looking to have (no buttons, no scrollbars).

Re: Thumbnail menu improvements

Posted: Thu May 25, 2017 2:19 pm
by Hopki
Hi,
I will also add this as a feature request.
Regards,
Hopki

Re: Thumbnail menu improvements

Posted: Mon May 29, 2017 3:19 pm
by mbb
That would be super. Thanks.