You seem to be misunderstanding what php is. It is a serverside scripting language, which generates a page, and sends it to the browser. By the time you see a page, php is done. Thus, any clientside events, such as an image changing when you mouseover it, are completly unrelated to how the page is generated.
There are several ways to have image rollover effects. The first, bad way, is to use fugly JS. This is the method taken by this site.
The far better approach is to do the rollovers in CSS. Once again, this can be done in several ways. The first is to have only a small area of the image change from one color to another. To do this, leave all of the areas which will change in the image transparent, and apply the following CSS to the link around the image:
a.link {
background-color : red;
}
a.link:hover {
background-color : blue;
}
(Or whatever colors you want)
If you want the actual picture to change, it gets slightly harder. The simplest way is as follows:
<a href="page.html" id="menuitem1"></a>
<style>
#menuitem1 {
background-image : url(off.jpg);
display : block;
height : 200px;
width : 400px;
}
#menuitem1:hover {
background-image : url(on.jpg);
}
</style>
However, this will not preload the rollover images, which is a bit of a problem. An easy solution to this is as follows:
#menuitem1 {
background-image : url(off.jpg);
display : block;
height : 200px;
width : 400px;
}
#menuitem1:hover {
background-image : none;
}
#menuitem1back {
background-image : url(on.jpg);
}
<div id="menuitem1back"><a href="page.html" id="menuitem1"></a></div>
There are other, better ways, but they involve advanced CSS.
)