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

Sunday, March 13th 2011, 12:49am

XML Only Thumnails merge

Hello, I am trying create an XML only thumbnail scroller by merging the open work of 3 great xml programmers.

The first is Mindlessboss' XML only thumbnail scroller http://www.krpano.com/forum/wbb/index.ph…ight=#post16476, adapted to work with graydon and michel's "follow_mouse" method in post number 10 of this thread http://www.krpano.com/forum/wbb/index.ph…D=2609&pageNo=1

All this is in order to achieve something similar to http://troissixzero.fr/plugins/13-plugin…ttes-carre.html but in XML only so that it can work with the ipad.

I have had minor breakthroughs getting the thumbnails to move with the mouse but it is a bit complicated.

Has anyone done anything similar?

Regards.

2

Sunday, March 13th 2011, 12:55am

more direct link to the result I want to achieve:http://troissixzero.fr/shop/swf/scrollc.html

VN2011

Professional

Posts: 1,336

Location: Duluth MN

  • Send private message

3

Sunday, March 13th 2011, 3:07am

mindlessboss scroller is all xml so should work on idevices also. it would be not hard to modify the code to display a larger thumb image for the near same effect. his is nice as it auto adds the scrollbar when the thumbs exceed the width of the plugin. you looks pretty smooth also.

mindlessboss

Professional

Posts: 1,081

Location: Russia, Kaliningrad

  • Send private message

4

Sunday, March 13th 2011, 8:34am

Now i'm working on xml plugin for iDevices ;-)
Two problems - features limitations and touch.
VN2011 - i'll made two versions automatic and manual *thumbup*
VRAP - desktop VR content player based on krpano.
Common tasks in one place in one click! Discussion thread
DOWNLOAD for MAC
DOWNLOAD for WIN

5

Sunday, March 13th 2011, 1:21pm

mindlessboss scroller is all xml so should work on idevices also. it would be not hard to modify the code to display a larger thumb image for the near same effect. his is nice as it auto adds the scrollbar when the thumbs exceed the width of the plugin. you looks pretty smooth also.
I am more concerned with the effect of the scroll bar following the mouse position which can be seen in the 2nd post.

Mindlessboss, have u achieved any such effect in XML only?

mindlessboss

Professional

Posts: 1,081

Location: Russia, Kaliningrad

  • Send private message

6

Sunday, March 13th 2011, 5:47pm

Mindlessboss, have u achieved any such effect in XML only?
It will be diffrent effect. plugin[].mask is not available in iDevices.
Two ways:
1 - scroll from border to border
2 - scroll by rows or thumbs
Tomorow i share thumbs design for iDevices with scroll.
But, smooth scroll with fingertouch is not posible now (mouse.stagex and mouse.stagey is not suported in krpanoJS).

VRAP - desktop VR content player based on krpano.
Common tasks in one place in one click! Discussion thread
DOWNLOAD for MAC
DOWNLOAD for WIN

mindlessboss

Professional

Posts: 1,081

Location: Russia, Kaliningrad

  • Send private message

7

Monday, March 14th 2011, 3:21pm

Ok! Hello!

look at this DEMO what did you thinking about this?
It's iDevices thumbs scroller.
Customizible: sizes, position, showup effect, skin, rows count, columns count. Thumbs count no limitation.
Auto and manual thumbs adding.
Is this right way, did you like this design? ;-)

Unfortunately, i can't add text (textfiled not work in JS when added dinamicly).

Thanks in advance!
VRAP - desktop VR content player based on krpano.
Common tasks in one place in one click! Discussion thread
DOWNLOAD for MAC
DOWNLOAD for WIN

Tuur

Sage

Posts: 3,160

Location: Netherlands

Occupation: Krpano custom coding / Virtual Tours / Photography / Musician / Recording engineer

  • Send private message

8

Monday, March 14th 2011, 10:42pm

Nice!

can you share the code?

or is it a buy thing..
Can we change the color then?

Tuur *thumbsup*
http://www.virtualtuur.com
Skype:studiotuur

Posts: 1,850

Occupation: Virtual Tours - Photography - Krpano developer

  • Send private message

9

Monday, March 14th 2011, 10:44pm

Ok! Hello!

look at this DEMO what did you thinking about this?
It's iDevices thumbs scroller.
Customizible: sizes, position, showup effect, skin, rows count, columns count. Thumbs count no limitation.
Auto and manual thumbs adding.
Is this right way, did you like this design? ;-)

Unfortunately, i can't add text (textfiled not work in JS when added dinamicly).

Thanks in advance!
Add thumbs, doesn't add a thumb image, so it seems a little buggy in this part.
The style / method to hide plugins out of view seems like a great idea for iDevices.
KRPano Developer: Portfolio ::Gigapixel Tagging Solutions - Porfolio 2 :: Facebook :: Twitter :: reddit.com/r/VirtualTour

10

Tuesday, March 15th 2011, 12:47am

it's pretty nice. the stuff u make is cool.

however, i dunno why, but im mesmerized with the "follow mouse" effect that is clearly seen in this plugin: http://troissixzero.fr/shop/swf/scrollc.html

is this reproducible using xml only as per michel's code? http://www.krpano.com/forum/wbb/index.ph…D=2609&pageNo=1 even if the mask doesnt work on idevices (can always make it scroll from screen to screen if that is the case).

11

Tuesday, March 15th 2011, 1:14am

Hi Mindlessboss,

The demo you have works on a desktop but not working on new iPad 2. What do you have your devices= set to?

Thanks

Robert

12

Tuesday, March 15th 2011, 1:56am

hi,
on ipad 1 i have only a white screen.

erik

mindlessboss

Professional

Posts: 1,081

Location: Russia, Kaliningrad

  • Send private message

13

Tuesday, March 15th 2011, 4:14am

This is swf demo (Here's why it's doesnt works on iPad).

BUT i test it in safari with krpanoJS and iPhone klient ype , works fine! *thumbup*


Quoted

Add thumbs, doesn't add a thumb image, so it seems a little buggy in this part.
This is thumbs add function demonstration (just for test ;-) ) it's work after removeAll.
But you right, there's litle bug if scrolldown (i'll fix it ofcourse)


Quoted


Tuur
or is it a buy thing..
Can we change the color then?
Yes it for sale ;-)
And yes you can change skin

Quoted

however, i dunno why, but im mesmerized with the "follow mouse" effect that is clearly seen in this plugin:http://troissixzero.fr/shop/swf/scrollc.html


is this reproducible using xml only as per michel's code? http://www.krpano.com/forum/wbb/index.ph…D=2609&pageNo=1 even if the mask doesnt work on idevices (can always make it scroll from screen to screen if that is the case).
I can add "follow mouse" only for PC swf version. In krpanoJS onover and onhover events not supported, unfortunately.
I think i'll add wheelscroll to OrangeThumbs *thumbup*
VRAP - desktop VR content player based on krpano.
Common tasks in one place in one click! Discussion thread
DOWNLOAD for MAC
DOWNLOAD for WIN

mindlessboss

Professional

Posts: 1,081

Location: Russia, Kaliningrad

  • Send private message

14

Tuesday, March 15th 2011, 5:22am

Fixed Add thumbs function DEMO *thumbup*
Add 4 thumbs avery click. (its just for demo)

SCREENSHOT
VRAP - desktop VR content player based on krpano.
Common tasks in one place in one click! Discussion thread
DOWNLOAD for MAC
DOWNLOAD for WIN

This post has been edited 1 times, last edit by "mindlessboss" (Mar 15th 2011, 5:38am)


mindlessboss

Professional

Posts: 1,081

Location: Russia, Kaliningrad

  • Send private message

15

Tuesday, March 15th 2011, 6:03am

the mask doesnt work on idevices (can always make it scroll from screen to screen if that is the case).
I can do that, but it will be another plugin *cool*
This is the design of new plugin for iphone SCREENSHOT

VRAP - desktop VR content player based on krpano.
Common tasks in one place in one click! Discussion thread
DOWNLOAD for MAC
DOWNLOAD for WIN

This post has been edited 1 times, last edit by "mindlessboss" (Mar 15th 2011, 12:38pm)


16

Wednesday, March 16th 2011, 9:49am

this is some great stuff mindlessboss.

mindlessboss

Professional

Posts: 1,081

Location: Russia, Kaliningrad

  • Send private message

17

Sunday, March 20th 2011, 2:25pm

Ok, now i'm finished my work on base thumbs xml plugin.
Wheelscroll and Folowmouse available.


DEMO (note: Folowmouse set to false)

You can add more then one thumbsbar
Works on desktop and iDevices! (only one limitation: mask not work on iDevices)

adds by tag


<thumbnails name="thumbs1"
edge="center" align="center" y="0" x="0"
skin_url="%CURRENTXML%/orangethumbs2/skin/"

thumb_url="%CURRENTXML%/panoramas/"
wheel_speed="3" folow_mouse="true"
>
<thumb name="tn1" title="Livingroom" url="liv.jpg" corrent="" onclick="loadscene(liv);" />
<thumb name="tn2" title="Kitchen" url="kit.jpg" corrent="" onclick="loadscene(kit);" />
<thumb name="tn3" title="Corridor" url="cor.jpg" corrent="" onclick="loadscene(cor);" />
<thumb name="tn4" title="Bathroom" url="bath.jpg" corrent="" onclick="loadscene(bath);" />
<thumb name="tn5" title="Street" url="street.jpg" corrent="" onclick="loadscene(street);" />
<thumb name="tn6" title="Garage" url="garage.jpg" corrent="" onclick="loadscene(garage);" />
</thumbnails>


and one action thumbnails_build(thumbs1);

Ready skins coming soon! *thumbsup*
VRAP - desktop VR content player based on krpano.
Common tasks in one place in one click! Discussion thread
DOWNLOAD for MAC
DOWNLOAD for WIN

This post has been edited 1 times, last edit by "mindlessboss" (Mar 20th 2011, 5:53pm)


mindlessboss

Professional

Posts: 1,081

Location: Russia, Kaliningrad

  • Send private message

18

Tuesday, March 22nd 2011, 3:55am

DEMO updated, folowmouse effect turn on on the bottom scrolling thumbs bar.
VRAP - desktop VR content player based on krpano.
Common tasks in one place in one click! Discussion thread
DOWNLOAD for MAC
DOWNLOAD for WIN

HansNyb

Professional

Posts: 936

Location: Denmark

Occupation: Photographer

  • Send private message

19

Tuesday, March 22nd 2011, 9:25am

Have you tested this on an Ipad?

Even if it does work in Safari HTML5 it does not work on my iPad.

The only thing I see is a splash that says thumbs.swf 446 kb, Open in iCab Mobile. (thats because iCab supports download of the swf file.)

And your first demo, this one only shows me a white page.
http://webpokaz.ru/media/store/krpanoplu…humbs/tour.html

Hans

mindlessboss

Professional

Posts: 1,081

Location: Russia, Kaliningrad

  • Send private message

20

Tuesday, March 22nd 2011, 12:45pm

It's flash version demo.
I can't share demo for idevices because i can't protect XML (html5 krpanoJS has no protection system) *love*
VRAP - desktop VR content player based on krpano.
Common tasks in one place in one click! Discussion thread
DOWNLOAD for MAC
DOWNLOAD for WIN