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.

vasin

Trainee

  • "vasin" started this thread

Posts: 92

Location: bangkok

Occupation: photographer

  • Send private message

1

Tuesday, November 27th 2012, 3:13am

mouse over show image

Hello

I'm trying to show image pop up when mouse over a hotspot. Please see image attached.

I have no idea what coding I can use. Hope some can guide the way.

Thank you

p.s.
xml code, images and links are attached

http://www.at-bangkok.com/virtualtours/aloft4/touch.html
vasin has attached the following image:
  • mouse over.jpg
vasin has attached the following file:
  • touch.xml (56.45 kB - 24 times downloaded - latest: Mar 30th 2018, 6:14pm)

2

Tuesday, November 27th 2012, 6:53am

<layer name="picture" url="..." visible="false" alpha="0.0" />
<hotspot name="hot" url="..." onover="tween(layer[picture].alpha, 1.0, 0.5); set(layer[picture].visible, true);" />

vasin

Trainee

  • "vasin" started this thread

Posts: 92

Location: bangkok

Occupation: photographer

  • Send private message

3

Tuesday, November 27th 2012, 9:13am

heomin61 Thank you so much!

I will try.

vasin

Trainee

  • "vasin" started this thread

Posts: 92

Location: bangkok

Occupation: photographer

  • Send private message

4

Tuesday, November 27th 2012, 9:38am

Hello Again

I tried this code as heomin61 suggested


<layer name="picture" url="aloft_smartphone.png" visible="false" alpha="0.0" />
<hotspot name="hot" url="mframe2.png" ath="206"
atv="17"
alpha="0.5"onover="tween(layer[picture].alpha, 1.0, 0.5); set(layer[picture].visible, true);" />
/>

Please look at the result
http://www.at-bangkok.com/virtualtours/aloft4/touch.html


Not quit there yet. Please let me know what I did wrong.

Thank you again

Posts: 1,081

Location: Russia, Kaliningrad

  • Send private message

5

Tuesday, November 27th 2012, 2:16pm

Hi!
1 - link not working
2 - maybe you forget about keep=true and align=center?

Regards
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

vasin

Trainee

  • "vasin" started this thread

Posts: 92

Location: bangkok

Occupation: photographer

  • Send private message

6

Wednesday, November 28th 2012, 8:25am

Thank you Audrey,

you mean like this


<layer name="picture" url="aloft_smartphone.png" visible="false" alpha="0.0" />
<hotspot name="hot" url="mframe2.png" ath="206"
atv="17"
alpha="0.5"onover="tween(layer[picture].alpha, 1.0, 0.5); set(layer[picture].visible, true); keep=true; align=center" />


still no luck

Please Help!

the link works
http://www.at-bangkok.com/virtualtours/aloft4/touch.html

7

Wednesday, November 28th 2012, 10:09am

<layer name="picture" url="aloft_smartphone.png" align="center" keep="true" visible="false" alpha="0.0" />
<hotspot name="hot" url="mframe2.png" ath="206" atv="17" alpha="0.5" keep="true"
onover="tween(layer[picture].alpha, 1.0, 0.5); set(layer[picture].visible, true); "
onout="tween(layer[picture].alpha, 0, 0.5); set(layer[picture].visible, false); " />

Min

Posts: 1,081

Location: Russia, Kaliningrad

  • Send private message

8

Wednesday, November 28th 2012, 10:25am

Hi!
keep - I mean layer attribute http://www.krpano.com/docu/xml/#layer.keep

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

vasin

Trainee

  • "vasin" started this thread

Posts: 92

Location: bangkok

Occupation: photographer

  • Send private message

9

Thursday, November 29th 2012, 5:09am

Thank you for you reply.

Tried this code also still no luck.


<layer name="picture" url="aloft_smartphone.png" align="center" keep="true" visible="false" alpha="0.0" />
<hotspot name="hot" url="mframe2.png" ath="206" atv="17" alpha="0.5" keep="true"
onover="tween(layer[picture].alpha, 1.0, 0.5); set(layer[picture].visible, true); "
onout="tween(layer[picture].alpha, 0, 0.5); set(layer[picture].visible, false); " />



http://at-bangkok.com/virtualtours/aloft4/touch.html
vasin has attached the following file:
  • touch.xml (56.81 kB - 13 times downloaded - latest: Dec 26th 2018, 11:00am)

Posts: 1,081

Location: Russia, Kaliningrad

  • Send private message

10

Thursday, November 29th 2012, 5:42am

Hi!
Looks like working code.
1 - open your touch.xml in FireFox, you will see error (fix it)
2 - set layer visible=true and alpha=1 for sure that it apear
3 - if All is Ok then try your code again, must work

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

vasin

Trainee

  • "vasin" started this thread

Posts: 92

Location: bangkok

Occupation: photographer

  • Send private message

11

Thursday, November 29th 2012, 7:07am

Thank you!

It works now. Here is the code: *smile*



<hotspot name="hot" url="mframe2.png" ath="206" atv="17" onclick="closemap(); wait(0.5); tween(plugin[bedroom].alpha,1);tween(plugin[bedroom].scale,1); "/>
<plugin name="bedroom" url="aloft_smartphone.png" keep="true" handcursor="false" align="center" edge="center" alpha="0" scale="0" onclick="tween(plugin[bedroom].alpha,0);tween(plugin[bedroom].scale,0);"/>

12

Thursday, January 23rd 2014, 5:35pm

Thank you, exactly what I was looking for ... *thumbsup*