The Little Guy Posted May 30, 2007 Share Posted May 30, 2007 I know that this isn't PHP, but I don't know what it is, CSS or javascript. if you look at this link, and look at the facebook logo, you will see that it changes when the mouse moves over it. http://www.facebook.com/ when you view the actual image, it looks like this: http://static.ak.facebook.com/images/facebook_logo.gif How do they do that? Link to comment https://forums.phpfreaks.com/topic/53651-solved-image-mouseover/ Share on other sites More sharing options...
pocobueno1388 Posted May 30, 2007 Share Posted May 30, 2007 http://www.elated.com/articles/rollover-buttons-with-javascript/ Link to comment https://forums.phpfreaks.com/topic/53651-solved-image-mouseover/#findComment-265197 Share on other sites More sharing options...
The Little Guy Posted May 30, 2007 Author Share Posted May 30, 2007 but that way requires two images. I want to know how to do it using 1 image. Link to comment https://forums.phpfreaks.com/topic/53651-solved-image-mouseover/#findComment-265198 Share on other sites More sharing options...
per1os Posted May 30, 2007 Share Posted May 30, 2007 I am sure they use some type of image function www.php.net/gd www.php.net/image to cut the image in half and than when the mouse is rolled over it switches the half. Basically the same as having 2 images, just hacked so it is only "one" image. Link to comment https://forums.phpfreaks.com/topic/53651-solved-image-mouseover/#findComment-265199 Share on other sites More sharing options...
The Little Guy Posted May 30, 2007 Author Share Posted May 30, 2007 Found it: http://www.findmotive.com/2006/10/31/simple-css-image-rollover/ Link to comment https://forums.phpfreaks.com/topic/53651-solved-image-mouseover/#findComment-265201 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.