mouse over show image

vasin

Schüler

Beiträge: 93

Wohnort: bangkok

Beruf: photographer

Dienstag, 27. November 2012, 03:13

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« hat folgendes Bild angehängt:

»vasin« hat folgende Datei angehängt:

touch.xml (56,45 kB - 91 mal heruntergeladen - zuletzt: 3. Oktober 2023, 18:03)

http://www.at-bangkok.com/

Zum Seitenanfang

heomin61

Anfänger

Beiträge: 50

Dienstag, 27. November 2012, 06:53

Zum Seitenanfang

vasin

Schüler

Beiträge: 93

Wohnort: bangkok

Beruf: photographer

Dienstag, 27. November 2012, 09:13

heomin61 Thank you so much!

I will try.

http://www.at-bangkok.com/

Zum Seitenanfang

vasin

Schüler

Beiträge: 93

Wohnort: bangkok

Beruf: photographer

Dienstag, 27. November 2012, 09:38

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

http://www.at-bangkok.com/

Zum Seitenanfang

Sudarchikov Andrey

Profi

Beiträge: 1 082

Wohnort: Russia, Kaliningrad

Dienstag, 27. November 2012, 14:16

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

Zum Seitenanfang

vasin

Schüler

Beiträge: 93

Wohnort: bangkok

Beruf: photographer

Mittwoch, 28. November 2012, 08:25

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

http://www.at-bangkok.com/

Zum Seitenanfang

heomin61

Anfänger

Beiträge: 50

Mittwoch, 28. November 2012, 10:09

<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

Zum Seitenanfang

Sudarchikov Andrey

Profi

Beiträge: 1 082

Wohnort: Russia, Kaliningrad

Mittwoch, 28. November 2012, 10:25

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

Zum Seitenanfang

vasin

Schüler

Beiträge: 93

Wohnort: bangkok

Beruf: photographer

Donnerstag, 29. November 2012, 05:09

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« hat folgende Datei angehängt:

touch.xml (56,81 kB - 78 mal heruntergeladen - zuletzt: 16. Oktober 2023, 03:08)

http://www.at-bangkok.com/

Zum Seitenanfang

Sudarchikov Andrey

Profi

Beiträge: 1 082

Wohnort: Russia, Kaliningrad

Donnerstag, 29. November 2012, 05:42

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*