Esa animación como la mayoría esta basada en el evento hover, lo interesante es que logra mostrar la imagen por defecto de amigos simplemente agregando una regla cualquiera, en este caso padding, no se si él haya creado el código, pero el autor original tiene talento para manipular el CSS.

<style type="text/css">
.friend-picture
{height:100px !important;width:85px!important;margin-left: 0px;border:Solid #000000 1px;}
.friend-picture img
{height:100px !important;width:100px!important;margin-left: 8px}
.friend-picture div
{background:url(http://i305.photobucket.com/albums/nn209/hottchick_13/w99nc8.gif) 8px;padding:200px;}
.friend-picture div:hover
{padding:0px;}
</style>
Debes cambiarle la imagen por supuesto. Aunque más interesante que este me pareció el de los comentarios que te ahorra espacio. Con unas simples modificaciones que le hice pues es más corto y me gusta mucho, ya hasta lo copie en mi perfil  ;D

<style type="text/css">
.comment {height:40px !important;}
.comment:hover {height:100% !important;}
.comment-text
{background:#000000 url();}
</style>
Pueden cambiar 40px por un poco más si les parece muy pequeño, pero a mi me queda bien de ese tamaño.

Saludos

Hola soy nuevo aki en el foro se un poko de lo de html
Y pues probe el codigo para el efcto en los amigos y pongo la url de mi imgen que es de la medida
Pero no me sale exacta sale kortada
AKi les dejo mi http://zony10.hi5.com aver si me pueden ayudar grasias hay se venn xD ;D

Hola
Ji ji ji si Grasias por la ayuda  ;)
Plop
ESta muy buena esta pagina

Ola de nuevoo..ai ke roche preguntar tanto...pero qiziera qe me aiuden con ezto..io tngo ece efecto de poner una imagen encima de la foto de tuz amigoz..pero qiziera eze efecto en donde al pazar el curzor aparezka la foto..ocea qe tenga mi imagen pero al pazar el curzor aparezka la foto de mi amigo..noc zi me entendieron ..exizte algun codigo ??pliz me podrian aiudar con ezo ???

zt z l code q tu tienez...



<style type="text/css">
.friend-picture
{height:100px !important;width:85px!important;margin-left: 0px;border:Solid #000000 1px;}
.friend-picture img
{height:100px !important;width:100px!important;margin-left: 8px}
.friend-picture div
{background:url( http://i305.photobucket.com/albums/nn209/hottchick_13/w99nc8.gif ) 8px;padding:200px;}
.friend-picture div:hover
{padding:0px;}
</style>


reemplaza la url amarillax la d tu foto pro tiene q ztar n tamano maz o menoz 100 x 100

holaaa.. bueno yo acabo de ver un hi5... q al pasar el curso ensima de la fto.. se ve en contrastee.. aki dejo el hi5.. ^^ de ante mano graciias espero me ayuden kisieera tenerlo asi  ^^=)