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.

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.

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.

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!