You are not logged in.

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*