You are not logged in.

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.

1

Friday, October 4th 2013, 5:19am

Plese help with slideshow (plugin xml parameter)

All I am trying to to do is a slide show (no VR involved). These are flat images that can be viewed in sequence, full frame (different acspect ration). I understand you have to set "plugin[photo].width" value in the xml file created by tour droplet, but I don't know where and how!

Can some kind soul help me with that please?

Thanks in advance. *thumbsup*

This post has been edited 1 times, last edit by "yoshiharra" (Oct 4th 2013, 5:48am)


Umalo

Professional

Posts: 1,048

Location: Osijek, Croatia, EU

  • Send private message

2

Friday, October 4th 2013, 11:41am

you don't have to set plugin width...if omitted than original image width will be used.
Send me your code or link to online version to take a look.
Umalo

3

Friday, October 4th 2013, 2:13pm

Hi Umalo

Thanks for your reply, link to the slides is slides , and the xml file is here: tour.xml

One more thing I would like, that is to turn zoom in-out off. You can probably tell I'm html/xml novice! *tongue*

I really appreciate your help! Thank you.

This post has been edited 4 times, last edit by "yoshiharra" (Oct 4th 2013, 2:37pm)


Umalo

Professional

Posts: 1,048

Location: Osijek, Croatia, EU

  • Send private message

4

Sunday, October 6th 2013, 8:24pm

This should be pretty close to what you have been asked for:



Link to online version: Link to slide show

Arsdezi

Intermediate

Posts: 174

Location: Ukraine

  • Send private message

5

Monday, October 7th 2013, 3:19pm

Nice!
…but be sure to add a progress bar upload photos! Because sometimes you can see just a black screen and do not understand what's going on! For lowspeed and mobile internet conection must be!
*thumbup*

Umalo

Professional

Posts: 1,048

Location: Osijek, Croatia, EU

  • Send private message

6

Monday, October 7th 2013, 8:54pm

Good one but I don't have idea how to make it!
See: http://krpano.com/forum/wbb/index.php?pa…48813#post48813
Progress.progress can't be used as it monitor the pano loading progress.
Any ideas?

Hm Before changing url I can make kind of loading static image and when new image is loaded I can remove it as workaround ?

Arsdezi

Intermediate

Posts: 174

Location: Ukraine

  • Send private message

7

Tuesday, October 8th 2013, 9:48am


Good one but I don't have idea how to make it!
See: http://krpano.com/forum/wbb/index.php?pa…48813#post48813
Progress.progress can't be used as it monitor the pano loading progress.
Any ideas?

Hm Before changing url I can make kind of loading static image and when new image is loaded I can remove it as workaround ?


Just like when loading a panorama (new loader with support html5 by Klaus). End same solution:
http://sudarchikov.com/shared/lekiend/test.html

But to be honest I also do not work well! To see the download, after closing or change the image I added effect substituted a simple picture "loading ..." and after downloading the image hide this "loading…" picture ;-)

Umalo

Professional

Posts: 1,048

Location: Osijek, Croatia, EU

  • Send private message

8

Sunday, October 13th 2013, 4:42pm

Meanwhile I have asked owner of the images if I can use his photos. Got new ones that I got approval for public use. Have just changed old images with new one.
There is still many possiblities to improve the code. (adding NEXT/PREVIOUS buttons :actions are already there, better positioning calculation based on open/close gui, loading image...)
code is open and free to use or adaptions for your needs.

Whole package you can download here: Link to package

tonesh

Trainee

Posts: 69

Location: Rome

Occupation: Photographer

  • Send private message

9

Sunday, October 13th 2013, 9:15pm

Thanks Umalo,
the first improvement would be a fullscreen button.
Did you test it on mobile or tablet?
It's several months that I'm looking for a html5 slideshow. Never had the idea to use krpano!
Most of the javascripts on the web are not really customizable...
having a little knowledge on KRpano it should be easy with your starting code.

Thanks
Toni

Umalo

Professional

Posts: 1,048

Location: Osijek, Croatia, EU

  • Send private message

10

Sunday, October 13th 2013, 11:26pm

It is only tested with Ipad/Iphone test from Klaus.
As most of the code is from Klaus's vtourskin and I did adaptations I can assume that is would work fine. I just adapted the code to read images and not scenes.
It would be great if you can confirm that it works on other devices.

Though about putting also FS button there but the almost same is to use HIDE GUI button on right bottom corner, or?

tonesh

Trainee

Posts: 69

Location: Rome

Occupation: Photographer

  • Send private message

11

Monday, October 14th 2013, 3:30am

It works on iPad,and on iPhone too *thumbup*
here my rough adaption (ehm, temporary link...)

I've put the fullscreen button near the skin_btn_hide button. On iPad or mobile it remains invisible and is not necessary.

Set a larger format for the images that now are hidden by the skin_thumb_container. but this should be easily resolved by
a setting that reduce the images when the thumbs are visible and enlarge them when the thumbs are hidden.

On iphone some retouches has to be made for adapting the size of the skin_thumbborder
(I changed the shape and dimensions to adapt it to the square format of my thumbs)

A stop/play button is needed and I don't really think that the thumbs button is really necessary:
the skin_btn_hide is sufficient, and is not a pano that needs moving controls.

Have to say that for a non expert on vrtour.xml is not so simple to customize.
But I think that is possible to transfer a lot of settings in the slide_show.xml and make the customizing easy.

In any case your slide-show coding goes well.
Thanks and ciao from Rome, too late in the night...

Umalo

Professional

Posts: 1,048

Location: Osijek, Croatia, EU

  • Send private message

12

Monday, October 14th 2013, 2:58pm

Quoted

On iphone some retouches has to be made for adapting the size of the skin_thumbborder
(I changed the shape and dimensions to adapt it to the square format of my thumbs)
In your case adapt the code for thumbborder scale for mobile devices in <krpano devices="mobile"> section to:
<layer name="skin_thumbborder" scale="2"/> and no retouches is needed for your new border image

Quoted

A stop/play button is needed and I don't really think that the thumbs button is really necessary:
the skin_btn_hide is sufficient, and is not a pano that needs moving controls.
You are right. Will make it.

Quoted

Have to say that for a non expert on vrtour.xml is not so simple to customize.
But I think that is possible to transfer a lot of settings in the slide_show.xml and make the customizing easy.
You are right. Will make it.

P.S. if you wanted to remove the top and bottom border you could simply e.g. change the crop to "0|0|0|0" insread of tweaking the vtourskin.png. Or simply comment the skin_topborder layer. Anyway, all solutions are working fine. *thumbup*

tonesh

Trainee

Posts: 69

Location: Rome

Occupation: Photographer

  • Send private message

13

Monday, October 14th 2013, 5:23pm

well Umalo, you are making it professional! *thumbsup*
I'll be your beta-tester!

Just two ideas:

For desktop, it's already done with the play/stop button and a better positioning of the central image.
I can just say that a different transition like cross/fade would be better,
don't know if it is possible, but in any case is good like now.

For mobile and tablet there is the problem that the users are used to wipe on images to change them.
Maybe this change is really complicate to do and could affect all the structure.
Not really necessary.

Ciao,
Toni