Mouseover on image...?

Wohnort: Romania

Samstag, 28. Januar 2012, 23:55

Mouseover on image...?

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

I have on logos this code :

	Quellcode
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 ..:

Quellcode

                         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>

Zum Seitenanfang

Profi

Wohnort: Russia, Kaliningrad

Sonntag, 29. Januar 2012, 03:10

what you mean dude, i dont understand...

Andrey *thumbup*

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

Anfänger

Wohnort: Romania

Sonntag, 29. Januar 2012, 07:53

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 :

Quellcode

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>

Zum Seitenanfang

Profi

Wohnort: Russia, Kaliningrad

Sonntag, 29. Januar 2012, 08:49

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

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

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

Anfänger

Wohnort: Romania

Sonntag, 29. Januar 2012, 09:49

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...

Zum Seitenanfang

Nupsi

Profi

Beiträge: 697

Sonntag, 29. Januar 2012, 10:46

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

Zum Seitenanfang

Anfänger

Wohnort: Romania

Sonntag, 29. Januar 2012, 10:55

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*

Zum Seitenanfang

klaus.krpano

Administrator

Beiträge: 13 499

Donnerstag, 2. Februar 2012, 18:33

Hi,

Zitat von »GiuLiaN«

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

e.g.

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

best regards,
Klaus

Zum Seitenanfang

Anfänger

Wohnort: Romania

Donnerstag, 2. Februar 2012, 23:33

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 ... !

Zum Seitenanfang

Profi

Wohnort: Russia, Kaliningrad

Freitag, 3. Februar 2012, 02:27

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*

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

Anfänger

Wohnort: Romania

Freitag, 3. Februar 2012, 07:10

Zitat von »mindlessboss«

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

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*

Zum Seitenanfang

Profi