Add a title to thumbnails and delete the "null"

Anfänger

Freitag, 14. September 2012, 12:18

Edit 1 : Sorry : after posting a related topic appeared and I think I got my answer, and I realised my question 2 was stupid, I didn't notice the difference between "scene name" and "title".
I'll post a second message if I don't manage my stuff.
For other people looking for this answer, here is the topic :

Titles for vtour thumbnails on ipad

Edit 2 : finally the topic can't help me because in the new interface I can't find any "buildthumb" action so I don't know where to put the code nor if it can work, so if somebody can help me it would be great :)

But now I realise I've got a problem, the interface shows "null - Title" instead of just "title" what kind of problem could cause that ?

Hello,

1 - When I generate a vtour with the vtour droplet I like the thumbnails interface but I would like to be able to add a description or a title when I hover the thumb with my mouse. Could somebody be kind enough to help me to do that ? I imagine it's not difficult but I didn't found any answer in looking the xml files nor in googling this question.

2 - Also, in the interface on the left bottom the scene title appears, I find it great but my problem is that the code calling this title is based on the scene titles in the xml file, and those titles only mean something for me, I would like to be able to change this text without changing my scene titles (it would be a huge work).

Thanks for reading me, I hope I will find answers. The most important for me is question 1, because if I don't have any solution for question 2 I could delete the code showing the title in the interface, I would like to keep it but it's not so important. But being able to tell the visitor which thumbnail is what is very important for me.

For all the persons who read my message, I wish you to have a nice day :)

Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von »gn0o0b« (14. September 2012, 12:36)

Zum Seitenanfang

gn0o0b

Anfänger

Beiträge: 26

2

Freitag, 21. September 2012, 09:15

Up ?
I still didn't manage to solve my problem...
Nobody to help me or give me a clue ? *cry*

Have a nice day !

Zum Seitenanfang

klaus.krpano

Administrator

Beiträge: 13 499

3

Freitag, 21. September 2012, 18:04

Hi,

Zitat von »gn0o0b«

2 - Also, in the interface on the left bottom the scene title appears, I find it great but my problem is that the code calling this title is based on the scene titles in the xml file, and those titles only mean something for me, I would like to be able to change this text without changing my scene titles (it would be a huge work).

I'm not sure if I understand right... but why not changing the titles in the xml and why would that be a huge work?

Best regards,
Klaus

Zum Seitenanfang

gn0o0b

Anfänger

Beiträge: 26

4

Freitag, 21. September 2012, 22:33

Hello,

Thank you for your answer.

Yes, that's what I did, that's fine.
But I have a problem with the title which appears as "null, title" instead of "title"
Also, I would like a title to appear when I hover mouse on a thumbnail, I didn't found how to do that...

Zum Seitenanfang

HansNyb

Profi

Beiträge: 1 063

Wohnort: Denmark

Beruf: Photographer

5

Samstag, 22. September 2012, 11:23

I agree that null or dash is really a stupid thing. It took me almost an hour digging through the vtourskin.xml before i found it.

It is here
<action name="skin_update_scene_infos">
txtadd(layer[skin_title].html, get(title), ' - ', get(scene[get(xml.scene)].title) );

If you remove the - you cab leave the title="" in the Tour.xml and you will get no null or - before the actual title of the scene.

Personally I can not see the idea of using this for a title both for the tour and for each panorama. I would never use this for a general title of the whole tour.

Hans

Zum Seitenanfang

gn0o0b

Anfänger

Beiträge: 26

6

Donnerstag, 4. Oktober 2012, 12:24

Thank you very much for your answer, I'll try your solution and let you know if I managed to do it. Sorry for the late reply, I was working on another project.

Now I still have a question :
I have all my thumb in the bottom of the interface and I would like the title to appear when I hover them without cliking it, this for the visitor to be able to know where he will go if he clicks on the thumb. I hope my english is not to bad and that my question is understandable ^^

Thanks again HansNyb :)

Edit : I can't find anything including part of the code you wrote to modify it.
Here is my defaultskin.xml, perhaps it's not the good one.

Quellcode

<krpano version="1.0.8.14">

 
	<!-- no progress bar -->

	<progress showload="none" showwait="none" />

 
	<!-- default quality settings -->

	<display flash10="on" details="22" />

 
	<!-- button showtext() style -->

	<textstyle name="BUTTONSTYLE" font="Arial" fontsize="12" bold="true" italic="true" textcolor="0x000000" background="false" border="false" blendmode="layer" effect="glow(0xFFFFFF,0.85,4,4);dropshadow(2,45,0x000000,4,1);" origin="cursor" edge="bottom" xoffset="15" yoffset="-5" showtime="0.1" fadeintime="0.1" fadetime="0.1" />

	<textstyle name="INFOTEXT" font="Arial" fontsize="26" bold="true" italic="true" textcolor="0x000000" background="false" border="false" blendmode="layer" effect="glow(0xFFFFFF,0.85,4,4);dropshadow(2,45,0x000000,4,1);" origin="center" edge="center" xoffset="0" yoffset="0" showtime="2.0" fadeintime="0.25" fadetime="0.5" />	           

 
 
	<!-- desktop buttons and events -->

	<style name="button" url="%SWFPATH%/skin/buttons.png" keep="true" />

	<plugin name="in"   	devices="desktop" align="bottom" x="-160" y="10" style="button" crop="160|0|40|40" onovercrop="160|40|40|40" ondowncrop="160|80|40|40" ondown="set(fov_moveforce,-1);" onup="set(fov_moveforce,0);" />

	<plugin name="out"  	devices="desktop" align="bottom" x="-120" y="10" style="button" crop="200|0|40|40" onovercrop="200|40|40|40" ondowncrop="200|80|40|40" ondown="set(fov_moveforce,+1);" onup="set(fov_moveforce,0);" />

	<plugin name="left" 	devices="desktop" align="bottom" x="-80"  y="10" style="button" crop=  "0|0|40|40" onovercrop=  "0|40|40|40" ondowncrop=  "0|80|40|40" ondown="set(hlookat_moveforce,-1);" onup="set(hlookat_moveforce,0);" />

	<plugin name="right"	devices="desktop" align="bottom" x="-40"  y="10" style="button" crop= "40|0|40|40" onovercrop= "40|40|40|40" ondowncrop= "40|80|40|40" ondown="set(hlookat_moveforce,+1);" onup="set(hlookat_moveforce,0);" />

	<plugin name="up"   	devices="desktop" align="bottom" x="+0"   y="10" style="button" crop= "80|0|40|40" onovercrop= "80|40|40|40" ondowncrop= "80|80|40|40" ondown="set(vlookat_moveforce,-1);" onup="set(vlookat_moveforce,0);" />

	<plugin name="down" 	devices="desktop" align="bottom" x="+40"  y="10" style="button" crop="120|0|40|40" onovercrop="120|40|40|40" ondowncrop="120|80|40|40" ondown="set(vlookat_moveforce,+1);" onup="set(vlookat_moveforce,0);" />

	<plugin name="starbtn"  devices="desktop" align="bottom" x="+80"  y="10" style="button" crop="240|0|40|40" onovercrop="240|40|40|40" ondowncrop="240|80|40|40" onhover="showtext(Hide All UI Elements, BUTTONSTYLE);" onclick="hideui();" />

	<plugin name="dragmode" devices="desktop" align="bottom" x="+120" y="10" style="button" crop="400|0|40|40" onovercrop="400|40|40|40" ondowncrop="400|80|40|40" onhover="showtext(Change Controlmode, BUTTONSTYLE);" onclick="dragcursor();" visible="true"  />

	<plugin name="movemode" devices="desktop" align="bottom" x="+120" y="10" style="button" crop="360|0|40|40" onovercrop="360|40|40|40" ondowncrop="360|80|40|40" onhover="showtext(Change Controlmode, BUTTONSTYLE);" onclick="qtvrcursor();" visible="false" />

	<plugin name="openfs"   devices="desktop" align="bottom" x="+160" y="10" style="button" crop="280|0|40|40" onovercrop="280|40|40|40" ondowncrop="280|80|40|40" onhover="showtext(Fullscreen, BUTTONSTYLE);" onclick="set(fullscreen,true);" visible="true"  />

	<plugin name="closefs"  devices="desktop" align="bottom" x="+160" y="10" style="button" crop="320|0|40|40" onovercrop="320|40|40|40" ondowncrop="320|80|40|40" onhover="showtext(Exit Fullscreen, BUTTONSTYLE);" onclick="set(fullscreen,false);" visible="false" />

		 
	<events name="defaultskin" keep="true" devices="desktop"

			onxmlcomplete="setuppano();"

	    	onenterfullscreen="set(plugin[openfs].visible,false); set(plugin[closefs].visible,true);"

	    	onexitfullscreen ="set(plugin[openfs].visible,true); set(plugin[closefs].visible,false);"

	    	onkeyup="if(keycode == 32, showui());"

	    	/>

 
 
	<!-- android buttons and events -->

	<plugin name="androidzoom_out" devices="android+flash" keep="true" url="%SWFPATH%/skin/androidbuttons.png" alpha="0.5" crop="0|0|71|64"   align="rightbottom" x="88" y="10" ondown="set(crop,0|64|71|64);  set(fov_moveforce,+1);" onup="set(crop,0|0|71|64);  set(fov_moveforce,0);" />

	<plugin name="androidzoom_in"  devices="android+flash" keep="true" url="%SWFPATH%/skin/androidbuttons.png" alpha="0.5" crop="71|0|78|64"  align="rightbottom" x="10" y="10" ondown="set(crop,71|64|78|64); set(fov_moveforce,-1);" onup="set(crop,71|0|78|64); set(fov_moveforce,0);" />

	<plugin name="androidfsbutton" devices="android+flash" keep="true" url="%SWFPATH%/skin/androidbuttons.png" alpha="0.5" crop="149|0|64|64" align="righttop"	x="0"  y="0"  onclick="switch(fullscreen);" />

	<events name="androidfsbutton" devices="android+flash" keep="true" onenterfullscreen="set(plugin[androidfsbutton].crop,149|64|64|64);" onexitfullscreen="set(plugin[androidfsbutton].crop,149|0|64|64);" />

 
 
	<!-- right-click context menu to change the viewing settings -->

	<contextmenu>

		<item caption="KRPANO" />

		<item caption="FULLSCREEN" />

		<item caption="normal view"    	onclick="view_normal();"    	separator="true" />

		<item caption="fisheye view"   	onclick="view_fisheye();"   	/>

		<item caption="architectural view" onclick="view_architectural();" />

		<item caption="stereographic view" onclick="view_stereographic();" />

		<item caption="pannini view"   	onclick="view_pannini();"   	/>

		<item caption="little planet view" onclick="view_littleplanet();"  />

	</contextmenu>

	 
	 
	<!-- hide/show user interface actions -->

	<action name="hideui">

		set(plugin.enabled,false);

		set(hotspot.enabled,false);

		tween(plugin.alpha, 0.0, 0.5, default, set(plugin.visible,false));

		tween(hotspot.alpha, 0.0, 0.5, default, set(hotspot.visible,false));

		delayedcall(0.5, showtext('...press SPACE to show the UI Elements again...', INFOTEXT));

	</action>

	 
	<action name="showui">

		set(plugin.enabled,true);

		set(hotspot.enabled,true);

		set(plugin.visible,true);

		set(hotspot.visible,true);

		tween(plugin.alpha, 1.0);

		tween(hotspot.alpha, 1.0);

	</action>

 
 
	<!-- actions to change the mouse cursor -->

	<action name="dragcursor">

		set(plugin[dragmode].visible, false);

		set(plugin[movemode].visible, true);

		set(control.mousetype, drag2D);

		set(cursors.url, %SWFPATH%/skin/drag-cursors.png);

		set(cursors.type, drag);

		set(cursors.move,  2|0|30|32);

		set(cursors.drag, 37|0|30|32);

	</action>

 
	<action name="qtvrcursor">

		set(plugin[dragmode].visible, true);

		set(plugin[movemode].visible, false);

		set(control.mousetype, moveto);

		set(cursors.url, %SWFPATH%/skin/qtvr-cursors.png);

		set(cursors.type, 8way);

		set(cursors.move,   	0|0|16|16);

		set(cursors.drag,  	16|0|16|16);

		set(cursors.arrow_u,   32|0|16|16);

		set(cursors.arrow_d,   48|0|16|16);

		set(cursors.arrow_l,   64|0|16|16);

		set(cursors.arrow_r,   80|0|16|16);

		set(cursors.arrow_lu,  96|0|16|16);

		set(cursors.arrow_ru, 112|0|16|16);

		set(cursors.arrow_rd, 128|0|16|16);

		set(cursors.arrow_ld, 144|0|16|16);

	</action>

 
 
	<!-- actions for view changing -->

	<action name="view_normal">

		tween(view.fovmax,   	150.0, distance(179, 1.00), easeoutquad);

		tween(view.architectural,  0.0, distance(1.0, 0.45), easeoutquad);

		tween(view.fisheye,    	0.0, distance(1.0, 0.45), easeoutquad, set(view.stereographic,false); set(view.pannini,false); set(display.flash10,on); );

	</action>

 
 
	<action name="view_fisheye">

		set(display.flash10,off);

		tween(view.architectural, 0.0, distance(1.0, 0.30), easeoutquad);

		tween(view.fisheye,   	0.0 ,distance(1.0, 0.30), easeoutquad, set(view.stereographic,false); set(view.pannini,false); set(view.fovmax,179); tween(view.fisheye, 0.35, distance(1.0,1.25)); );

	</action>

 
 
	<action name="view_architectural">

		tween(view.fovmax,   	150.0, distance(179, 1.00), easeoutquad);

		tween(view.architectural,  1.0, distance(1.0, 0.45), easeoutquad);

		tween(view.fisheye,    	0.0, distance(1.0, 0.45), easeoutquad, set(view.stereographic,false);set(view.pannini,false);set(display.flash10,on); );

	</action>

 
 
	<action name="view_stereographic">

		set(display.flash10,off);

 
		tween(view.architectural, 0.0, 0.25);

 
		set(backtonormalfirst,false);

		if(view.pannini   	== true,  set(backtonormalfirst,true) );

		if(view.stereographic == false, set(backtonormalfirst,true) );

 
		if(backtonormalfirst, tween(view.fisheye, 0.0 ,distance(1.0, 0.25), easeoutquad, WAIT); );

 
		set(view.pannini, false);

		set(view.stereographic, true);

		set(view.fovmax, 150);

 
		tween(view.fisheye, 1.0, distance(1.0, 0.75), easeoutquad);

	</action>

 
 
	<action name="view_pannini">

		set(display.flash10,off);

 
		tween(view.architectural, 0.0, 0.25);

 
		set(backtonormalfirst,false);

		if(view.pannini   	== false, set(backtonormalfirst,true) );

		if(view.stereographic == false, set(backtonormalfirst,true) );

 
		if(backtonormalfirst, tween(view.fisheye, 0.0 ,distance(1.0, 0.25), easeoutquad, WAIT); );

 
		set(view.pannini, true);

		set(view.stereographic, true);

		set(view.fovmax, 150);

 
		tween(view.fisheye, 1.0, distance(1.0, 0.75), easeoutquad);

	</action>

 
 
	<action name="view_littleplanet">

		set(display.flash10,off);

 
		tween(view.architectural, 0.0, 0.25);

 
		tween(view.vlookat,  90, distance(179, 1.50), easeoutquad);

 
		set(backtonormalfirst,false);

		if(view.pannini   	== true,  set(backtonormalfirst,true) );

		if(view.stereographic == false, set(backtonormalfirst,true) );

 
		if(backtonormalfirst, tween(view.fisheye, 0.0 ,distance(1.0, 0.25), easeoutquad, WAIT); );

 
		set(view.pannini, false); 
		set(view.stereographic, true);

		set(view.fovmax, 150);

 
		tween(view.fisheye, 1.0, distance(1.0, 0.75), easeoutquad);

		tween(view.fov, 	150, distance(179, 0.75), easeoutquad);

	</action>

 
 
 
	<!-- setup pano, will be called on the onxmlcomplete event (Desktop only) -->

	<action name="setuppano">

		<!-- set the qtvr cursor -->

		qtvrcursor();

 
		<!-- hide the other view settings in the context menu on partial panos -->

		if(ispartialpano === true, set(showviewitems,false), set(showviewitems,true));

 
		set(contextmenu.item[2].visible, get(showviewitems));

		set(contextmenu.item[3].visible, get(showviewitems));

		set(contextmenu.item[4].visible, get(showviewitems));

		set(contextmenu.item[5].visible, get(showviewitems));

		set(contextmenu.item[6].visible, get(showviewitems));

		set(contextmenu.item[7].visible, get(showviewitems));

	</action>

 
</krpano>

Zum Seitenanfang

HansNyb

Profi

Beiträge: 1 063

Wohnort: Denmark

Beruf: Photographer

7

Donnerstag, 4. Oktober 2012, 13:40

Thats not the new skin. Its the old viewer. I am talking about version 15.

Zum Seitenanfang

gn0o0b

Anfänger

Beiträge: 26

8

Donnerstag, 4. Oktober 2012, 13:48

Thanks ! I'm gonna try the new version, I hope the new interface will work with my old work, because it would be a huge work to redo all. I'll let you know if I managed the trick.
Many thanks anyway :)

Zum Seitenanfang

gn0o0b

Anfänger

Beiträge: 26

9

Donnerstag, 4. Oktober 2012, 14:16

Sorry for the double post, but I'm not sure you'd notice my reply if I just edited my reply.

I think I managed something, but instead of doing what you said I had to write :

txtadd(layer[skin_title].html, ' ', get(scene[get(xml.scene)].title) );

instead of

txtadd(layer[skin_title].html, get(title), ' - ', get(scene[get(xml.scene)].title) );

Which means I deleted the "get(title)", it seems to work but I would like to be sure this will not cause problem somewhere else. Just deleting the - or ' - ' didn't gave me the result I was expecting, the "null" was still there.

Anayway it seems to work so thank you very much.

Would anybody have a clue to be able to show the title just while hovering a thumbnail ? I must say it would be really better for my interface if I could do that, I have something like 80 images and I would like the visitor to be able to know where he is going when he clicks.

Have a nice day :)

Zum Seitenanfang

HansNyb

Profi

Beiträge: 1 063

Wohnort: Denmark

Beruf: Photographer

10

Freitag, 5. Oktober 2012, 13:11

In the skin_addthumbs action ad this.

set(layer[get(thumbname)].onclick, copy(layer[skin_thumbborder].parent, name); loadscene(get(linkedscene), null, MERGE, BLEND(2)); );

set(layer[get(thumbname)].linkedscene, get(scene[get(i)].name) ); copy(layer[get(thumbname)].scenetitle, scene[get(i)].title);
set(layer[get(thumbname)].onhover,set(alpha, 1.0); showtext(get(scenetitle),thumbtext);set(effect,glow(0xFFFFFF,1.0,2,10000)); );
);
</action>

<textstyle name="thumbtext" font="arial"
origin="cursor" edge="center" textalign="center" yoffset="-50" xoffset="0" background="false" backgroundcolor="0x000000" border="false"
fontsize="18" textcolor="0xFFFFFF" bold="false"
showtime="0.3" fadetime="0.2" fadeintime="0.1"
/>

Zum Seitenanfang

gn0o0b

Anfänger

Beiträge: 26

11

Freitag, 5. Oktober 2012, 13:15

Man, you're really a very kind person. I can't try your solution now but be sure I'll do it as soon as I can and let you know if I managed it.
An enormous thank you for all your help :)
Have a nice week-end !

Zum Seitenanfang

klaus.krpano

Administrator

Beiträge: 13 499

12

Freitag, 5. Oktober 2012, 21:56

Hi,

there was an update for version 1.0.8.15 today:
krpano 1.0.8.15 (Updated)

there the tour title will be automatically ignored/skipped when not set,
just take the new viewers files and the new vtourskin.xml file,

and there is new simple skin setting for enabling tooltips,

best regards,
Klaus

Zum Seitenanfang

gn0o0b

Anfänger

Beiträge: 26

13

Freitag, 5. Oktober 2012, 23:09

Thank you for the update Klaus.

HansNyb, your solution worked perfectly, that's just great ! So happy right now :)
Thanks again ! Have a nice sunday !

Zum Seitenanfang

ramirox3

Fortgeschrittener

Beiträge: 354

Wohnort: La Ceja, Colombia

Beruf: photographer

14

Montag, 25. Februar 2013, 15:57

Thanks Hans, I want to know how to do that only works on desktop, and not work on android

Zum Seitenanfang