Dear visitor, welcome to krpano.com Forum.
If this is your first visit here, please read the Help. It explains in detail how this page works.
To use all features of this page, you should consider registering.
Please use the registration form, to register here or read more information about the registration process.
If you are already registered, please login here.

Vtour thumbnails configuration help needed

I have been doing some experiments with the stacked thumnails made by the Vtour droplets.
Its a very useful tool but needs some tutorials on how to change it for your designs.

I made a demo here. This is designed to work holding the iPad with both hands and using just your thumbs for all navigation.http://panoramas.dk/panorama/krpano/vtour/t1.html
I wanted the thumbs to stay when loading panoramas and that was quite easy to do.

I also wanted some buttons to open and close them and then discovered that the thumbnails have no layer order. They go on top of everything what ever you set of zorder on a button.
Thats why I had to place the open thumb not on top of the stack.
Any ideas if zorder is supported in someway.

There seems to be a delay of 4 seconds when you open the thumbs on the iPad. This is irritating as you may believe that they do not rect to your click.
It maybe because of the large number of thumbs however on my small Android Desire Z mobile there is no problem.

I also would like to have the posibility of using the title on top of the thumbs just for a number or timestamp like in the last thumb.
Onhover does not work on iPad.

Also I would like to have the option of opening them horizontally instead of the current vertical alignment.
I can not find anything that works for that. If I set the stageheight to a large number it does but it will not work with many thumbs if the resolutiuon does not give place.
It just disappears to the right side instead of shifting the row to a new one.

RE: Vtour thumbnails configuration help needed

Also I would like to have the option of opening them horizontally instead of the current vertical alignment.
I can not find anything that works for that. If I set the stageheight to a large number it does but it will not work with many thumbs if the resolutiuon does not give place.
It just disappears to the right side instead of shifting the row to a new one.

Hans

Hans I wanted the same thing and found a way to do it. I just swapped every x for a y and every y for an x in this section of code and it worked. It is already wapped here so dont change it back. this code opens the thumbs horizontal.

I also wanted some buttons to open and close them and then discovered that the thumbnails have no layer order. They go on top of everything what ever you set of zorder on a button.
Thats why I had to place the open thumb not on top of the stack.
Any ideas if zorder is supported in someway.

this is something else i have also been stuggling with. i had a thought about creating a small white 2:1 equirec and having it chopped up with the rest of the real 360's that would provide the placeholder for the thumb in the stack. I took its thumb into photoshop and changed it into an OPEN thumb. then i ran into your other issue, the naming convention I could not get the 'blank' to stack on top. i am still exploring this option if i find a solution i will post it here. i hope you do also.

I also wanted some buttons to open and close them and then discovered that the thumbnails have no layer order. They go on top of everything what ever you set of zorder on a button.
Thats why I had to place the open thumb not on top of the stack.
Any ideas if zorder is supported in someway.

RE: RE: Vtour thumbnails configuration help needed

Also I would like to have the option of opening them horizontally instead of the current vertical alignment.
I can not find anything that works for that. If I set the stageheight to a large number it does but it will not work with many thumbs if the resolutiuon does not give place.
It just disappears to the right side instead of shifting the row to a new one.

Hans

Hans I wanted the same thing and found a way to do it. I just swapped every x for a y and every y for an x in this section of code and it worked. It is already wapped here so dont change it back. this code opens the thumbs horizontal.

Nice setup for them.
I noticed one thing. You got the textstyle working for them. I have been struggling to make that work and I guess I used every combination without luck.
Could you share the code for that. Can't find your xml.

Hans adjust this line of code in the build thumbs action. whenever you use showtext and add a comma after the text that dictates which infostyle the text will use. so it should look like this onhover="showtext(abcdef, textstyle)" you can make hundreds of differnet textstyles.

chagned that section of code now the thumbs only build to 50% of screen width then start to stack. this is what i needed, jsut provided the code so others can start to manipulate the way the thumbs open.

Thank you guys for what you have found out so far.
It laready helped a lot ;)

Today I ran into a problem because i want bigger thumbnails but can't find the parameters I'd have to change to give them the desired quality.
If I just change the size they look just like upscaled from small sizes, but I can't figure out what else I should change.

You have to change the size in the Vtour.config (vtour-mres.config)
like this

makethumb=true
thumbsize=200

According to the standard kmakemultires.config you should also be able to do rectangular thumbs but this does not work, at least not in the vtour.

# makethumb / thumbsize (new)
# - make a small thumbnail image
# - for makescene=true templates that use thumbnails
# - only for cubical or to cube converted input images
# - thumbsize - width/height in pixels
# - a image named "thumb.jpg" will be created in the tiles folder
# - and a "thumburl" attribute with the path of the thumb image
# will be added to the <scene> tag
#
makethumb=false
thumbsize=200/100

I just get 200x200 for the above setting.

Please Klaus we need this. BTW I also asked for an option to put all thumbs in a separate directory for easy editing, but that may not be possible as I can see all thumbs are just called thumb.jpg

great find Hans. yes you would need to adjust the config file otherwise you will just be scaling the 80x80 thumbs to your desired size. I have not tested those settings yet it would be nice to have the option for rectanglular thumbs, but it seems Hans may have found a bug if it desreguards the height.

Here is a test that I used a rectangle box. I did not change the "thumbsize" option when making the thumbs but do plan to make that change.

Look in my tour.xml for the number changes. I replaced the widths to 160 from 80. Hans, More than likely your thumbnail was created the proper size but your settings keep it from being displayed completely. Check the image in PS.