You are not logged in.

area or image Hotspot link to image - can´t get there

dfarjoun

Trainee

  • "dfarjoun" started this thread

Posts: 130

  • Send private message

1

Wednesday, August 5th 2009, 12:00am

area or image Hotspot link to image - can´t get there

Hello guys,

I´m new to this forum and also to krpano and programming.

I´m trying to show an image after clicking to a hotspot area or image.
Could you please help me with that?

I did already the flying cards, video on tv and change the navigation icons (this is my first day with it), but i really can´t make an imagem open from a hotspot.

I´d like to create also a "mouse over" image: When the mouse goes over and image (hotspot imagem or even hotspot area), i´d like to show a differente image. Is it possible? (probably it´s too easy for you guys.. i ran after it here in this forum and haven´t found any info yet).

Thanks in advance!! *smile*

Daniel

VN2009

Professional

Posts: 1,336

Location: Duluth MN

  • Send private message

2

Wednesday, August 5th 2009, 2:00am

i would set the hotspot image at the same coordinates of the flasher icon. set the images alpha and scale to 0. then onclick tween(scale,1); tween(alpha,1); and set onhover to set(hotspot{hotspotname].url,new image url here); the image will grow from behind the hotspot flasher and fade in. then onhover should change the image. make onclick reverse everything.

dfarjoun

Trainee

  • "dfarjoun" started this thread

Posts: 130

  • Send private message

3

Wednesday, August 5th 2009, 5:44pm

Hello VN2009,

I´m sorry but i didn´t get your explanation.


Here are my codes:
I just changed the "onclick" to "onhover" to have a "mouse over" action.

<hotspot name="hs1"
url="hotspot.png"
keep="true"
ath="105.9770785253479" atv="7.270650811896009"
zoom="true" distorted="false"
width="40" height="40"
scale="0.5" scale9grid="" scalechildren="false" rotate="0"
rx="0" ry="0" rz="0"
edge="center" ox="" oy=""
crop="" ondowncrop="" onovercrop=""
visible="true" enabled="true" handcursor="true" capture="true" children="true"
zorder="1"
alpha="1.00" blendmode="normal" smoothing="true"
refreshrate="auto"
onloaded=""
onover=""
onhover="set(hotspot[hs1_over].url,hotspot_over.png);"
onout=""
ondown=""
onup=""
onclick=""
flying="0"
/>


<!-- HERE STARTS THE MOUSE OVER HOTSPOT-->

<hotspot name="hs1_over"
url="hotspot_over.png"
keep="true"
ath="105.9770785253479" atv="7.270650811896009"
zoom="true" distorted="false"
width="340" height="233"
scale="0" scale9grid="" scalechildren="false" rotate="0"
rx="0" ry="0" rz="0"
edge="center" ox="" oy=""
crop="" ondowncrop="" onovercrop=""
visible="true" enabled="true" handcursor="true" capture="true" children="true"
zorder="0"
alpha="0" blendmode="normal" smoothing="true"
refreshrate="auto"
onloaded=""
onover=""
onhover="tween(scale,1); tween(alpha,1)"
onout="tween(scale,0.); tween(alpha,0)"
ondown=""
onup=""
onclick=""
flying="0"
/>

Thanks for your time and help!!!!!!!!

VN2009

Professional

Posts: 1,336

Location: Duluth MN

  • Send private message

4

Wednesday, August 5th 2009, 8:00pm

onhover="tween(hotspot[hs1_over].alpha,1);tween(hotspot[hs1_over].scale,1);
onout="tween(hotspot[hs1_over].alpha,0);tween(hotspot[hs1_over].scale,0);

put that code on HS1. onhover will then display the hidden hotspot.

there might an issue with that not that i keep thinking. add these to hs1_over

capture="false" that will make it so when th new hotspot won't be clickable. may need to adjust zorders also.

dfarjoun

Trainee

  • "dfarjoun" started this thread

Posts: 130

  • Send private message

5

Wednesday, August 5th 2009, 8:32pm

Thank you VEEEEERY MUCH!!!!!!

Just did it!!! *thumbsup*

God bless you!!

I´m starting to make thinks i used to do.. that´s great + the extras klaus let us create !:)

Thank you VN2009 and Klaus!!!!

I´ll keep learning on and on with you guys!!!

Thanks again!

Similar threads