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
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
<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);" />
heomin61 Thank you so much!
I will try.
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
Hi!
1 - link not working
2 - maybe you forget about keep=true and align=center?
Regards
Andrey
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
<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
Hi!
keep - I mean layer attribute http://www.krpano.com/docu/xml/#layer.keep
Andrey
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); " />
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
Thank you!
It works now. Here is the code:
<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);"/>
Thank you, exactly what I was looking for ...
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!