[PHP] I need help with my index.

Kekox · Dec 23, 2009

Well I want to add a image in my index that when you pass your mouse over it, it change the image and when your mouse is out it just change back.

How can I do that?

EvulMastah · Dec 23, 2009

javascript, onmouseover & onmouseout.

Kekox · Dec 23, 2009

Can you explain it more please?

EvulMastah · Dec 24, 2009

If this is what you want CTRL+U and edit to your needs.
http://uploadit.us/js.html

I kinda suck at javascript, it might be done other way.

Chris · Dec 24, 2009

May I recommend you to use CSS instead of JavaScript? If you do, the images will be loaded with the server, and not with the client (gives a flicker-free effect).

Code:

<div class="rollover"></div>

Code:

div.rollover {
     height: 100px;
     width: 100px;
     background: url('myImage.png') no-repeat;
}
div.rollover:hover {
     background: url('myHoverImage.png') no-repeat;
}

Kekox · Dec 24, 2009

Thanks! ;D but I dont know where to paste that..?

And where should I paste the images?

EvulMastah · Dec 24, 2009

You can paste Chris' code into .css file or between <head><style>hehe</style></head> tags.
Mine goes as it is on the website I posted link to.

Zonet · Dec 24, 2009

At the top of your file:

Code:

<style type="text/css">
div.rollover {
     height: 100px;
     width: 100px;
     background: url('myImage.png') no-repeat;
}
div.rollover:hover {
     background: url('myHoverImage.png') no-repeat;
}
</style>

If its a .php file, put the code over <?php

Kekox · Dec 24, 2009

Thanks all! It worked!

[PHP] I need help with my index.

Kekox

Well-Known Member

EvulMastah

๏̯͡๏﴿

Kekox

Well-Known Member

EvulMastah

๏̯͡๏﴿

Chris

Inactive

Kekox

Well-Known Member

EvulMastah

๏̯͡๏﴿

Zonet

Web Developer

Kekox

Well-Known Member

Similar threads