Thumbnail menu improvements

Special forum to share and discuss skins for Pano2VR and Object2VR
Post Reply
User avatar
LVeerde
Posts: 13
Joined: Thu Oct 01, 2015 11:03 pm
Contact:

Thumbnail menu improvements

Post by LVeerde » Thu Feb 16, 2017 9:09 am

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.

mbb
Posts: 27
Joined: Mon Oct 19, 2009 11:42 pm

Re: Thumbnail menu improvements

Post by mbb » Wed May 17, 2017 7:57 pm

>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?

User avatar
Hopki
Gnome
Posts: 7150
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

Re: Thumbnail menu improvements

Post by Hopki » Thu May 18, 2017 4:11 pm

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
Attachments
slider.zip
(2.19 MiB) Downloaded 7 times

mbb
Posts: 27
Joined: Mon Oct 19, 2009 11:42 pm

Re: Thumbnail menu improvements

Post by mbb » Thu May 18, 2017 4:58 pm

Thanks for the reply.

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

User avatar
Hopki
Gnome
Posts: 7150
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

Re: Thumbnail menu improvements

Post by Hopki » Fri May 19, 2017 1:52 pm

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

Post Reply

Who is online

Users browsing this forum: No registered users and 2 guests