image hover Options

[THEFAKE]

I have had a DIV myspace layout a friend designed me
i know quite a bit of html and css
but i cannot figure out how to get each image to show the separate hover image....

the myspace is here

[*Azarel*]

Do you mean an image rollover so that the image changes when you hover over it? I believe that involves javascript, which isn't to my knowledge allowed on myspace.

[*This Confession*]

Image rollover no you can do it on myspace as well.

I have to go write the code and make sure it works though, or find my older post about it.

Hold on though.

[*Azarel*]

Ooh, okay. I wasn't sure on that. >>;

[*This Confession*]

Okay
This is going to be a lot of work but I just copied this from another topic
It was to make it when you hover a image to be black and white since FF doesn't allow the hover effect stuff.

but here is a way you can do what you want

^pshh yea me too.

but if you want to do it.

CODE

<style type="text/css">
.pic{height: 175px; width: 163px; text-indent: 184px; overflow: hidden; background: url(URL TO PICTURE) top left no-repeat; display: block;}
.pic:hover{background-position: bottom left;}
</style>

picture s

and it will come out like this..




to make it a link put this above the code

CODE

<a href="URL" class="pic"></a>

hould look something like this

[THEFAKE]

i didnt understand that too well

[*This Confession*]

Okay to do this you need to put the main picture on top before you hover and then the picture that you want to show up when you hover on the bottom. Like the picture that are together.

now use this code to code it

CODE

<style type="text/css">
.pic{height: 175px; width: 163px; text-indent: 184px; overflow: hidden; background: url(URL TO PICTURE) top left no-repeat; display: block;}
.pic:hover{background-position: bottom left;}
</style>

upload the image of the two images together and then put it in the code above where it says URL TO PICTURE.



k what do you need explained more?


or

did you mean something like this?
http://www.createblog.com/forums/index.php?showtopic=133768