ScrollThumbs xml plugin

Anfänger

Wohnort: Bendigo, Victoria

Freitag, 5. August 2011, 06:19

Zitat von »mindlessboss«

Hello! bendyclickr
Tell me - what you want to know.

All is ok mindlessboss, figuring it out as I go. I thought there might be some more documentation but it isn't a problem.

Thanks anyway.

Zum Seitenanfang

nefar1ous

Fortgeschrittener

Beiträge: 190

62

Donnerstag, 18. August 2011, 12:38

TEMPlATE SETTING FOR THUMBURL

Hi Mindless Boss,
I have created a template based on repeat tour format using Orange Scrolling Thumbs and was wondering if you could help me out with an issue about the thumbs setup. When I build a tour using my version of the MAKE VTOUR (MULTIRES) droplet.bat, the config (assumed) file is auto setting the file path for the thumbs based off of the original config format from Krpano. Example

I have 4 images for my tour named a, b, c and d
when I drag them onto the MAKE VTOUR (MULTIRES) droplet.bat, the xml generated has a thumbnail directory path for each scene set for thumburl="a.tiles/thumb.jpg"; thumburl="b.tiles/thumb.jpg"; c.tiles, etc... but I need it to be thumburl="a.jpg" and so on as per the basic configuration of orange scroll thumbs (all thumbs are in the "thumbs" folder).

I want to setup either the krpano.config file to correct the directory url listing, OR change the way orange scroll thumbs is setup for this.

What I DON'T WANT is to have to go through my xml file after creating a 100 image tour and change each of these thumburl listings manually.

Got a Fix?
Your direction and assistance would be greatly appreciated. Even if just a link to some documentation.

Tony

Zum Seitenanfang

nefar1ous

Fortgeschrittener

Beiträge: 190

63

Donnerstag, 18. August 2011, 17:55

vertical thumbs and such

Hi, I am also wondering where the new data / xml info can be found for the vertical thumbs option. I haven't seen an update on the plugin page or a link to anything except the demo. I've tried putting the vertical=true option in but either I'm not putting it in the right place or it doesn't work without having downloaded an updated plugin.
Advice?
Tony

Zum Seitenanfang

mindlessboss

Profi

Beiträge: 1 082

Wohnort: Russia, Kaliningrad

64

Freitag, 19. August 2011, 04:28

Hi!

just replace vtour.xml in tools/templates/xml with this template (dont forget to make an original copy)
Or make your own vtour.xml based on this.
After that you can drag and drop to MAKE VTOUR droplet and tour will have THUMBS

I test it - all works.

Andrey *thumbup*

P.S. - you right! I need to update plugin page with new one.

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

Zum Seitenanfang

nefar1ous

Fortgeschrittener

Beiträge: 190

65

Freitag, 19. August 2011, 10:47

iPad/iPhone versions ... thumb resize and reposition

1st, Thanks for the updated xml template. I will give it a shot, then modify it to my layout if all is well.

I have been trying unsuccessfully to modify the thumbs and positions of the controlling buttons when faced with iPad and iPhone versions. I copied and tried the code from page 2 of this thread for the... if isflash/ifisipad/ifisIphone. I modified it to include some button location changes and resize the thumbs, but nothing changes.

Quellcode

<action name="buildthumbs">
if(isflash,
set(thumbnails[thumbs1].width, 600);
set(thumbnails[thumbs1].thumb_width,150);
set(thumbnails[thumbs1].thumb_height,75);

);
if(isiphone,
set(thumbnails[thumbs1].width,200);
set(thumbnails[thumbs1].thumb_width,100);
set(thumbnails[thumbs1].thumb_height,50);

);
if(isipad,
set(thumbnails[thumbs1].width,300);
set(thumbnails[thumbs1].thumb_width,80);
set(thumbnails[thumbs1].thumb_height,40);
set(plugin[btn_prev].y, 100);
set(plugin[btn_next].y, 100);
set(plugin[scrollleft].y, 65);
set(plugin[scrollright].y, 65);

);
thumbnails_build(thumbs1);
</action>

I want to be able to move things around a bit (relocate the buttons) and insure that the thumb borders resize properly as well.

Also, was unable to use the Vertical Scroll Option and haven't found where I can get details for this. If it's linked into this thread somewhere, I've overlooked it. I tried the vertical = true option as found herein, but that didn't work for me... I probably used it wrong.

Thanks for all the help. Customers like this thumbnail option and it is great to have as a compatible iPad and mobile option.

Tony

Zum Seitenanfang

mindlessboss

Profi

Beiträge: 1 082

Wohnort: Russia, Kaliningrad

66

Freitag, 19. August 2011, 13:55

Hi
included buttons is only flash supported (it's just for demo), you need to use simple image plugin for controling thumbs on iphone.
for example:
<plugin url="yourimage.jpg" onclick="thumbnails_movebegin(thumbs1);"/>

Andrey

P.S. contact me mail@atlas-is.ru - i will send you version with vertical option

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

Zum Seitenanfang

nefar1ous

Fortgeschrittener

Beiträge: 190

67

Mittwoch, 7. September 2011, 08:46

hide thumbs

Hi Andrey,
Is it possible to hide the thumbs by tweening them down off stage and back up again with a button? If I put a black bar at the bottom of my stage, and somehow set that as the parent of my thumbs, then had the bar tween offstage, is that a possible? I tried the latter but could not get it to work.
Tony

Zum Seitenanfang

mindlessboss

Profi

Beiträge: 1 082

Wohnort: Russia, Kaliningrad

68

Donnerstag, 8. September 2011, 05:51

Hi!

Yes of course
note - thumbnails has plugin with same name. But you can't changing x y width and height directly, only by thumbnails_build function
but you can do it by parent plugin

example:

create plugin with some name ('thumbsstageplugin' - for example)

set(plugin[thumbs1].parent,thumbsstageplugin);
tween(plugin[thumbsstageplugin].alpha,0,3);

this will hide thumbnails with name 'thumbs1' by changing alpha to 0
now you can moving thumbs by moving 'thumbsstageplugin' plugin
changing x y alpha scale (for scale dont forget about scalechildren attribute, must be true)

Hope this help
Regards!

Andrey *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

Zum Seitenanfang

sachagriffin

Meister

Beiträge: 1 857

Beruf: Virtual Tours - Photography - Krpano developer

69

Donnerstag, 8. September 2011, 05:56

Can you make a dragable thumbnails this way?

KRPano Developer: Portfolio ::Gigapixel Tagging Solutions - Porfolio 2 :: Facebook :: Twitter :: reddit.com/r/VirtualTour

Zum Seitenanfang

mindlessboss

Profi

Beiträge: 1 082

Wohnort: Russia, Kaliningrad

70

Donnerstag, 8. September 2011, 07:28

Yes, it can be done,
but some limitation - active area must be outside of thumbs active area.
Maybe some shortcut or other special designed element.
If setup ThumbsStageArea as draggable

for example:

Andrey

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

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »mindlessboss« (8. September 2011, 07:40)

Zum Seitenanfang

nefar1ous

Fortgeschrittener

Beiträge: 190

71

Freitag, 16. September 2011, 09:16

Thumbs off stage option has hiccups!

Zitat von »mindlessboss«

Hi!

Yes of course
note - thumbnails has plugin with same name. But you can't changing x y width and height directly, only by thumbnails_build function
but you can do it by parent plugin

example:

create plugin with some name ('thumbsstageplugin' - for example)

set(plugin[thumbs1].parent,thumbsstageplugin);
tween(plugin[thumbsstageplugin].alpha,0,3);

this will hide thumbnails with name 'thumbs1' by changing alpha to 0
now you can moving thumbs by moving 'thumbsstageplugin' plugin
changing x y alpha scale (for scale dont forget about scalechildren attribute, must be true)

Hope this help
Regards!

Andrey

Well, there are a number of issues that I have not been able to get around.

the thumbs disappear OK, then the thumbstage tweens off stage (tacky as the thumbs don't actually follow the thumbstage)

when I bring the thumbstage back, the thumbs don't reappear

when I get the thumbstage back, it no longer functions a second time

I've tried everything from setting and tweening both elements (thumbs1 and thumbstage) and nothing seems to work to get either visibility (of thumbs) or functionality (of thumbstage).

Sample Code:

Quellcode

<plugin name="thumbsContainer" url="images/whiteBar.jpg" alpha=".6" enabled="true" align="bottomleft" x="0" y="0" width="100%" height="100" keep="true" scalechildren="true" onclick="hideThumbs();" />
<plugin name="thumbsButton" url="images/btn_fullScr.png" visible="false" alpha="0.0" scale=".2" align="bottomleft" zorder="5" enabled="false" keep="true" x="10" y="10" onclick="showThumbs();" />

<action name="hideThumbs">
		<!-- Set thumbs to thumbsContainer -->
	set(plugin[thumbs1].parent,thumbsContainer);
		<!-- Remove thumbsContainer from Stage -->
tween(plugin[thumbsContainer].alpha, 0, 2);
tween(plugin[thumbsContainer].y, -100, 2);
		<!-- Show thumbs stage Button to retrieve the thumbsContainer -->
set(plugin[thumbsButton].visible, true);
tween(plugin[thumbsButton].alpha, 1.0, 2);
set(plugin[thumbsButton].enabled, true);

</action>
<action name="showThumbs">
	<!-- Double Check for set thumbs to thumbsContainer -->
		set(plugin[thumbs1].parent,thumbsContainer);
		<!-- Insure the thumbs come back TEST FAIL -->
set(plugin[thumbs1].alpha, 1.0, 2);
		<!-- Bring back the thumbContainer -->	
set(plugin[thumbContainer].enabled, true);
tween(plugin[thumbsContainer].alpha,.6,2);
tween(plugin[thumbsContainer].y, 0, 2);
<!-- Remove the thumbs stage button -->
tween(plugin[thumbsButton].alpha, 0, 2);
set(plugin[thumbsButton].enabled, false);
set(plugin[thumbsButton].visible, false);
</action>

This is just a simple test to get the functionality started before I start setting it up nicely... but i can't get it to work.

Dieser Beitrag wurde bereits 3 mal editiert, zuletzt von »nefar1ous« (16. Oktober 2011, 17:53)

Zum Seitenanfang

mindlessboss

Profi

Beiträge: 1 082

Wohnort: Russia, Kaliningrad

72

Freitag, 16. September 2011, 12:48

Hi! Tony
1) wrong and no need: set(plugin[thumbs1].alpha, 1.0, 2); - just remove it
2) you set width of thumbContainer to 100% and scalechildren to true, that why thumbs disappear in your case just turn scalechildren to false
3) no need: set(plugin[thumbContainer].enabled, true); - you don't set it to false
4) if you do tween(plugin[thumbsContainer].alpha,.6,2); then thumbs will have same alpha as parent plugin (it's 0.6) so set it to "1"

Your code almost correct, just make little correction ;-)

PS - please dont share unprotected code it's not safe, if i want i can grab all yours plugins... *attention*

I think it will help

Andrey *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

Zum Seitenanfang

mindlessboss

Profi

Beiträge: 1 082

Wohnort: Russia, Kaliningrad

73

Montag, 3. Oktober 2011, 07:12

Hello!
Good news!
Now masked thumbnails works on html5 with new krpano 1.0.8.14
Update your plugin.

Andrey *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

Zum Seitenanfang

blake

Schüler

Beiträge: 50

74

Donnerstag, 6. Oktober 2011, 08:37

Is it possible to have the tumbnails take up a percentage of the screenwidth - something like:

set(thumbnails[thumbs1].size,95%);

???

Zum Seitenanfang

mindlessboss

Profi

Beiträge: 1 082

Wohnort: Russia, Kaliningrad

75

Donnerstag, 6. Oktober 2011, 09:54

Hi,
Yes it's possible

try..

mul(thumbnails[thumbs1].size,stagewidth,0.95); - it will set size to 95% of stage width (krpano screen size)

Regards
Andrey *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

Zum Seitenanfang

blake

Schüler

Beiträge: 50

76

Donnerstag, 6. Oktober 2011, 09:59

That works perfectly! Until I change the size of my browser window, then it doesn't really work any longer...

Any suggestion for sensing the browser resize and recalculating the area to be 95% again?

Zum Seitenanfang

mindlessboss

Profi

Beiträge: 1 082

Wohnort: Russia, Kaliningrad

77

Donnerstag, 6. Oktober 2011, 11:53

If you want to update of size every screen size chane then try to

<events onresize="mul(thumbnails[thumbs1].size,stagewidth,0.95);thumbnails_build(thumbs1); "/>

It will be change the size of thumbs every resize

Andrey *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

Zum Seitenanfang

blake

Schüler

Beiträge: 50

78

Freitag, 7. Oktober 2011, 00:28

Thanks - resize works great now! Great product, and excellent support!

I was having some issue with the scroll speed on the thumbs - they're pretty uncontrollable, and scroll_speed appears to have no effect on how rapidly the thumbs scroll.

1) I've got about 40 thumbs (162x120) in thumb1, wrapped in thumbContainer and I'm trying to figure out how to slow down the scroll speed

2) I can't seem to get the scroll left/right buttons (prevThumbArrow, nextThumbArrow) to work as in the thumbsexample.xml

Any help is greatly appreciated!

Quellcode

<plugin name="prevThumbArrow"devices="desktop"zorder="86"handcursor="true"url="%SWFPATH%/assets/img/additional/prevnext.png"scale="0.3"keep="true"align="bottomleft"y="-50"x="15"alpha="0.5"visible="true"onover="tween(alpha,1);"onout="tween(alpha,0.5);"onhover="showtext(Scroll Left,standardText);"onclick="thumbnails_movebegin(thumbs1); thumbnails_movestop(thumbs1);"/>
<plugin name="nextThumbArrow"devices="desktop"zorder="86"handcursor="true"url="%SWFPATH%/assets/img/additional/prevnext.png"scale="0.3"edge="left"rotate="180"keep="true"align="bottomright"y="-50"x="15"alpha="0.5"visible="true"onover="tween(alpha,1);"onout="tween(alpha,0.5);"onhover="showtext(Scroll Right,standardText);"onclick="thumbnails_moveend(thumbs1); thumbnails_movestop(thumbs1);"/>
<plugin name="thumbsContainer"devices="desktop"visible="false"zorder="81"url="thumbsContainer.png"align="bottom"width="100%"height="5%"keep="true"state="false"alpha="1"x="0y="-150"scalechildren="false"/>	
<thumbnails name="thumbs1"vertical="false"edge="top" align="bottom" y="140"thumb_width="162"thumb_height="120"thumb_margin="1"skin_url="%SWFPATH%/assets/scroller/thumbsxml/skin/"scroll_speed="3"folow_mouse="true">

Zum Seitenanfang

mindlessboss

Profi

Beiträge: 1 082

Wohnort: Russia, Kaliningrad

79

Freitag, 7. Oktober 2011, 06:17

Hi!
to go to prev/next thumb you just need to goto prev next scene, and if you add onstart="thumbnails_current(thumbsname, thumbindex); "
read here http://krpano.com/plugins/userplugins/or…rollthumbs/#top
in your example you use onclick="thumbnails_movebegin(thumbs1); thumbnails_movestop(thumbs1);"
it will start moving to begin and stop it immediately, so nothing happend.
better use
ondown="thumbnails_movebegin(thumbs1);"
onup="thumbnails_movestop(thumbs1);"
Hope it help

Andrey *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

Zum Seitenanfang

nefar1ous

Fortgeschrittener

Beiträge: 190

80

Sonntag, 16. Oktober 2011, 17:39

Zitat von »mindlessboss«

PS - please dont share unprotected code it's not safe, if i want i can grab all yours plugins...

Andrey

Hey Andrey: To what lengths are you suggesting I not share code? I could use some advice if you'd care to take a little time to email me with some do's, don'ts, and pointers with more explicit detail. Thanks for the heads up too.
Tony
hdrprophoto@yahoo.com

Zum Seitenanfang

Zitat von »mindlessboss«

TEMPlATE SETTING FOR THUMBURL

vertical thumbs and such

iPad/iPhone versions ... thumb resize and reposition

Quellcode

hide thumbs

Thumbs off stage option has hiccups!

Zitat von »mindlessboss«

Quellcode

Quellcode

Zitat von »mindlessboss«

Ähnliche Themen