Mouseover on image...?

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

    I have on logos this code :

    Code


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

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

  • 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 :

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

  • 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

  • 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*

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

  • 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*

Participate now!

Don’t have an account yet? Register yourself now and be a part of our community!