this would be so cool, html I think Options

[bryceismad1]

okay I have my custom top friends with pics now what I want to do is when you point at each picture it will change to another picture now how would I do that

[newkidontheblock]

Here is the code.

CODE

<style type='text/css' >

.f-1 a { background-image:url(http://i45.photobucket.com/albums/f80/bryceismad1/Heaven2.jpg); display:block; height:75px; width:100px; }
.f-1 a:hover { background-image:url(http://i45.photobucket.com/albums/f80/bryceismad1/Heaven-1.jpg); }

.f-2 a { background-image:url(http://i45.photobucket.com/albums/f80/bryceismad1/Nathan.jpg); display:block; height:75px; width:100px; }
.f-2 a:hover { background-image:url(http://i45.photobucket.com/albums/f80/bryceismad1/Ntahan.jpg); }

.f-3 a { background-image:url(http://i45.photobucket.com/albums/f80/bryceismad1/sean.jpg); display:block; height:75px; width:100px; }
.f-3 a:hover { background-image:url(http://i45.photobucket.com/albums/f80/bryceismad1/Sean-1.jpg); }

.f-4 a { background-image:url(http://i45.photobucket.com/albums/f80/bryceismad1/Jacob.jpg); display:block; height:75px; width:100px; }
.f-4 a:hover { background-image:url(http://i45.photobucket.com/albums/f80/bryceismad1/Jacob-1.jpg); }

.f-5 a { background-image:url(http://i45.photobucket.com/albums/f80/bryceismad1/Haryy.jpg); display:block; height:75px; width:100px; }
.f-5 a:hover { background-image:url(http://i45.photobucket.com/albums/f80/bryceismad1/harry2.jpg); }

.f-6 a { background-image:url(http://i45.photobucket.com/albums/f80/bryceismad1/Anny.jpg); display:block; height:75px; width:100px; }
.f-6 a:hover { background-image:url(http://i45.photobucket.com/albums/f80/bryceismad1/annie2.jpg); }

</style>

<span class='f-1' ><a href='http://www.myspace.com/boys13' class='f-1' ></a></span>
<span class='f-2' ><a href='http://myspace.com/92542232' class='f-2' ></a></span>
<span class='f-3' ><a href='http://www.myspace.com/liovethecockandcheries' class='f-3' ></a></span>
<span class='f-4' ><a href='http://www.myspace.com/hernandezjd09' class='f-4' ></a></span>
<span class='f-5' ><a href='http://www.myspace.com/xxxdarkassassin' class='f-5' ></a></span>
<span class='f-6' ><a href='http://www.myspace.com/wif3y_mat3rial21' class='f-6' ></a></span>

that should help...