Monday, May 4, 2009

Mouseover in hi5??

Hi everyone!!


Help me pls!


I'm changing my hi5! Everything ok, untile now! I want to make some mouseover buttons, that change the image when you're with the mouse over it. I did it with javaScript, but I in a site I read that hi5 don't accept javascript! Now I'm hopeless!!!!


Someone knows a code?? That hi5 accept to do images with mouseover effects?? But not effects like "blu" or "negative", I want that the image change! Like Normally it's "Add", and when the mouse is over it changes to "Add me as you're friend!"





Help!





Pls!!





Thanks in advance!!!





CC

Mouseover in hi5??
Do it in style(s). Mousing over will swap them. Look, ma - no scripts! You'll want to substitute yous own image urls and fiddle with the height and width values for the classes to make them fit your images properly ( I presumed, from what you said, that the second image (for the mouseover) is the same height as but wider than the second.





%26lt;html%26gt;


%26lt;head%26gt;


%26lt;!--


No matter which you select


as "best answer" - pick one.


--%26gt;


%26lt;style%26gt;


#addBtn {


background-image:


url(http://image1.jpg);


height: 48px;


width: 48px;


}


#addBtn:hover {


background-image:


url(http://image2.jpg);


height: 48px;


width: 190px;


}


%26lt;/style%26gt;


%26lt;/head%26gt;


%26lt;body%26gt;


%26lt;form%26gt;


%26lt;input type="button"


id="addBtn" value ="" /%26gt;


%26lt;form%26gt;


%26lt;/body%26gt;


%26lt;/html%26gt;
Reply:onmouseover events are JS events.





Use CSS and set hover to call other image. Little more complicated then how I'm saying it.





Ron
Reply:%26lt;img src="firstimage.gif"


onmouseover = "this.src='secondimage.gif'"


onmouseout = "this.src='firstimage.gif'" /%26gt;





That should work. Only way I can think of without using JS.


No comments:

Post a Comment