By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
464,773 Members | 1,131 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 464,773 IT Pros & Developers. It's quick & easy.

Mouseover html, please

P: 7
Will someone give me the code for "mouseover." 2 pictures stacked....one a before, the second one an after. All I can do is copy and paste it because I know nothing about coding. I'm learning on my own.
Feb 22 '07 #1
Share this Question
Share on Google+
12 Replies

The1corrupted
100+
P: 134
Try this... using css...
Expand|Select|Wrap|Line Numbers
  1. <img src="yourimage.gif" style="hover:img(url:yourotherimage.gif)">
  2.  
Feb 22 '07 #2

Expert 100+
P: 1,892
Try this... using css...
Expand|Select|Wrap|Line Numbers
  1. <img src="yourimage.gif" style="hover:img(url:yourotherimage.gif)">
  2.  
That doesn't work.
Feb 22 '07 #3

P: 7
Oh I don't know coding...what is css?

If I explain my situation, maybe you can help me?

I build my websites on MS Publisher, the same way I would using Pagemaker. When I finish, I save it to the web format. At that point, it makes index files for me. I then FTP it to my web host provider. Next I go to my files in IXHosting and open up the folder. It is the first time I see the full code. This is where I add my "cut and paste" codes. I only use html, thus my question is "what is CSS."

Sorry, but I really do need help!
Feb 22 '07 #4

P: 7
That doesn't work.

Explain please, what doesn't work?
Feb 22 '07 #5

P: 2
Oh I don't know coding...what is css?

If I explain my situation, maybe you can help me?

I build my websites on MS Publisher, the same way I would using Pagemaker. When I finish, I save it to the web format. At that point, it makes index files for me. I then FTP it to my web host provider. Next I go to my files in IXHosting and open up the folder. It is the first time I see the full code. This is where I add my "cut and paste" codes. I only use html, thus my question is "what is CSS."

Sorry, but I really do need help!

CSS, short for Cascading Style Sheets, a new feature being added to HTML that gives both Web site developers and users more control over how pages are displayed. With CSS, designers and users can create style sheets that define how different elements, such as headers and links, appear. These Style Sheets can then be applied to any Web page.



Thanks
Ramakrishna
Feb 22 '07 #6

P: 7
CSS, short for Cascading Style Sheets, a new feature being added to HTML that gives both Web site developers and users more control over how pages are displayed. With CSS, designers and users can create style sheets that define how different elements, such as headers and links, appear. These Style Sheets can then be applied to any Web page.



Thanks
Ramakrishna

Thank you for the explanation; every little “bit” of information I learn is helpful.
Feb 22 '07 #7

Expert 100+
P: 1,892
Explain please, what doesn't work?
The code someone provided above for the mouse over doesn't work.
Feb 22 '07 #8

P: 7
I couldn't get it to work either. Can we try another one?
Feb 22 '07 #9

Expert 100+
P: 1,892
I couldn't get it to work either. Can we try another one?
People have tricks but I still think the best way is with javascript. That way you don't need to worry about cross browser support just whether people have JS turned on. I'll post an example if you want.

Aric
Feb 22 '07 #10

P: 7
People have tricks but I still think the best way is with javascript. That way you don't need to worry about cross browser support just whether people have JS turned on. I'll post an example if you want.

Aric

If a Javascript will work....can I get that and copy and paste into my html code? If the answer is yes.... I need the Java....
Feb 22 '07 #11

P: 7
People have tricks but I still think the best way is with javascript. That way you don't need to worry about cross browser support just whether people have JS turned on. I'll post an example if you want.

Aric
Oh yes.... please do!!!!!
Feb 22 '07 #12

Expert 100+
P: 1,892
Oh yes.... please do!!!!!
Ok here you go:

[html]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Mouse Over</title>
<script type="text/javascript">
function MyImage_MouseOver()
{
document.MyImage.src ="images/swirl.gif"
}
function MyImage_MouseOut()
{
document.MyImage.src ="images/testimage.jpg"
}
</script>

</head>
<body>

<img alt="MyImage's-Name" src="images/testimage.jpg" name="MyImage" onmouseover="MyImage_MouseOver();" onmouseout="MyImage_MouseOut();" />

</body>
</html>
[/html]
If you don't understand anything let us know I'll move this thread to the Javascript forum so you can get more answers.

HTH,
Aric
Feb 22 '07 #13

Post your reply

Sign in to post your reply or Sign up for a free account.