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.

Topy

Beginner

  • "Topy" started this thread

Posts: 12

Location: Romania

  • Send private message

1

Saturday, January 28th 2012, 11:55pm

Mouseover on image...?

I don`t understand how it works overin ... or what it say...

I have on logos this code :

Source code

1

				



And how i can make`it him to change logo2.png on i have the mouse on him. *blink*

I don`t understand this mouseover... *cursing*

Pls somebody explain me... *confused*

I tested ..:

Source code

1
                         copy(distorted, hotspot[%1].distorted);        copy(ath, hotspot[%1].ath);        copy(atv, hotspot[%1].atv);        copy(scale, hotspot[%1].scale);        copy(rx, hotspot[%1].rx);        copy(ry, hotspot[%1].ry);        copy(rz, hotspot[%1].rz);    


But i can`t move from center to put in rightbottom...! *wacko*...</plugin>

mindlessboss

Professional

Posts: 961

Location: Russia, Krasnodar

  • Send private message

2

Sunday, January 29th 2012, 3:10am

*blink* what you mean dude, i dont understand...

Andrey *thumbup*
XML plugins:
Intarface Framework - Framework for easy tour creation with droplet tool (flash and HTML5)
scrolling thumbs - http://krpano.com/plugins/userplugins/or…rollthumbs/#top (html5 has some limitations )
automatic maps - http://krpano.com/plugins/userplugins/automap/#top (html5 has some limitations )

GiuLiaN

Beginner

  • "GiuLiaN" started this thread

Posts: 12

Location: Romania

  • Send private message

3

Sunday, January 29th 2012, 7:53am

For each hotspot i must to have an this code ? I want to have an hotspot with mouseover ... when i move mouse on hotspot... it appears shadows or anything i want...
<img src="imagine.jpg" alt="" onmouseover="this.src='imagine2.jpg';" onmouseout="this.src='imagine.jpg';" />

SOme like :

Source code

1
2
<hotspot name="spot"             url="image1.jpg"             distorted="true"             ath="0"             atv="0"             scale="1.0"             rx="0" ry="0" rz="0"             zorder="1"             onover="set(hotspot[spot_over].visible,true); tween(hotspot[spot_over].alpha,1,0.5,default);"             onout="tween(hotspot[spot_over].alpha,0,0.5,default, set(hotspot[spot_over].visible,false));"             onclick="looktohotspot(get(name), 60);"             />                 <hotspot name="spot_over"             url="image2.jpg"             zorder="2"             visible="false"             enabled="false"             alpha="0"             onloaded="copyhotspotsettingsfrom(spot);"             />                           <action name="copyhotspotsettingsfrom">        copy(distorted, hotspot[%1].distorted);        copy(ath, hotspot[%1].ath);        copy(atv, hotspot[%1].atv);        copy(scale, hotspot[%1].scale);        copy(rx, hotspot[%1].rx);        copy(ry, hotspot[%1].ry);        copy(rz, hotspot[%1].rz);    </action>
</krpano>

mindlessboss

Professional

Posts: 961

Location: Russia, Krasnodar

  • Send private message

4

Sunday, January 29th 2012, 8:49am

Small example
in plugin write - onclick="hidethisplugin()"
and add action

<action name="hidethisplugin">
set(visible,false);
</action>

Regards
Andrey
XML plugins:
Intarface Framework - Framework for easy tour creation with droplet tool (flash and HTML5)
scrolling thumbs - http://krpano.com/plugins/userplugins/or…rollthumbs/#top (html5 has some limitations )
automatic maps - http://krpano.com/plugins/userplugins/automap/#top (html5 has some limitations )

GiuLiaN

Beginner

  • "GiuLiaN" started this thread

Posts: 12

Location: Romania

  • Send private message

5

Sunday, January 29th 2012, 9:49am

You don`t understand me...



I have 100 hotspot in my tour. And i want for each hotspot ... an black shadow and a glow... i created my hotpot in photoshop just like a arrow. First png file is a simple arrow ... secound is with glow,stroke and drop shadow.

I want for all hotspot to view my hotsport normal (first hostpot) and when i move the mouse on him to change with secound hotspot.

How can i make this? Try to give me pls an exemple to understand...

6

Sunday, January 29th 2012, 10:46am

Hi there,

did you checked on the examples that comes with krpano? There is an example called "hotspot-onover-change". And for your question how you could do this easely with hundreds of hotspots without typing the same code again and again, look up "STYLE" in the krpano-docu!

Best regards
Nupsi

GiuLiaN

Beginner

  • "GiuLiaN" started this thread

Posts: 12

Location: Romania

  • Send private message

7

Sunday, January 29th 2012, 10:55am

Yea ... but it a big code *blink*

<hotspot name="spot"
url="image1.jpg"
distorted="true"
ath="0"
atv="0"
scale="1.0"
rx="0" ry="0" rz="0"
zorder="1"
onover="set(hotspot[spot_over].visible,true); tween(hotspot[spot_over].alpha,1,0.5,default);"
onout="tween(hotspot[spot_over].alpha,0,0.5,default, set(hotspot[spot_over].visible,false));"
onclick="looktohotspot(get(name), 60);"
/>

<hotspot name="spot_over"
url="image2.jpg"
zorder="2"
visible="false"
enabled="false"
alpha="0"
onloaded="copyhotspotsettingsfrom(spot);"
/>

<action name="copyhotspotsettingsfrom">
copy(distorted, hotspot[%1].distorted);
copy(ath, hotspot[%1].ath);
copy(atv, hotspot[%1].atv);
copy(scale, hotspot[%1].scale);
copy(rx, hotspot[%1].rx);
copy(ry, hotspot[%1].ry);
copy(rz, hotspot[%1].rz);
</action>

</krpano>


And how i set position? I tried with align="" position="" but nothing..:(

I can make some like this?
<img src="images1.jpg" alt="" onmouseover="this.src='images2.jpg';" onmouseout="this.src='images1.jpg';" />


A small code with an over image... and if i want to ad url i added <a href='"> *mellow*

8

Thursday, February 2nd 2012, 6:33pm

Hi,
I can make some like this?
<img src="images1.jpg" alt="" onmouseover="this.src='images2.jpg';" onmouseout="this.src='images1.jpg';" />
e.g.

Source code

1
2
3
4
5
<hotspot url="images1.jpg"
    	...
    	onover="set(url, images2.jpg);"
    	onout="set(url, images1.jpg);"
    	/>


best regards,
Klaus

GiuLiaN

Beginner

  • "GiuLiaN" started this thread

Posts: 12

Location: Romania

  • Send private message

9

Thursday, February 2nd 2012, 11:33pm

It don`t work...

I have
<hotspot name="spot0" onclick="mainloadpano(hotel1.xml);" url="hoteldata/graphics/spots/up0.png" onhover="showtext('Join');" ath="376.174" atv="10.4651" width="80" height="80"/>


I tried with :
<hotspot url="hoteldata/graphics/spots/up0.png" onover="set(url, hoteldata/graphics/spots/up0.png);" onout="set(url, hoteldata/graphics/spots/up1.png); />

It give`s me an error ... !

mindlessboss

Professional

Posts: 961

Location: Russia, Krasnodar

  • Send private message

10

Friday, February 3rd 2012, 2:27am

Better idea use crop and onavercrop
make your hotspot image as two state image one is normal and below over state
and then set crop and onovercrop

the image changing automaticaly

Regards
Andrey *thumbup*
XML plugins:
Intarface Framework - Framework for easy tour creation with droplet tool (flash and HTML5)
scrolling thumbs - http://krpano.com/plugins/userplugins/or…rollthumbs/#top (html5 has some limitations )
automatic maps - http://krpano.com/plugins/userplugins/automap/#top (html5 has some limitations )

GiuLiaN

Beginner

  • "GiuLiaN" started this thread

Posts: 12

Location: Romania

  • Send private message

11

Friday, February 3rd 2012, 7:10am

Better idea use crop and onavercrop
make your hotspot image as two state image one is normal and below over state
and then set crop and onovercrop

the image changing automaticaly

Regards
Andrey *thumbup*
How ? If i have an hotspot with rez 200widex100?

I make-it an png file 2 diferentent in a oane file 200x200... but how to put to move? Exemple of code pls? *confused*

mindlessboss

Professional

Posts: 961

Location: Russia, Krasnodar

  • Send private message

12

Friday, February 3rd 2012, 8:01am

Hi!
take a look here http://krpano.com/docu/xml/#hotspot.crop
and try to play this crop and onovercrop
You will see it's simple

Andrey

PS - about code example, as i said, just set crop and onovercrop and all works *thumbup*
XML plugins:
Intarface Framework - Framework for easy tour creation with droplet tool (flash and HTML5)
scrolling thumbs - http://krpano.com/plugins/userplugins/or…rollthumbs/#top (html5 has some limitations )
automatic maps - http://krpano.com/plugins/userplugins/automap/#top (html5 has some limitations )