I love you kthanks. Options

[Pulchritude]

I need help on roll overs but not 2 images. I want it like this.
- http://www.hidden-street.net/monsters/mons8.php
hover over the links and you see the picture that pops out when you hover the links.
k.

[Relentless]

Haha, maplestory.
I'm not really sure, just look at the source.
This is my guess.

<a href="LINK" onMouseOver="return overlib('<img src=\'LINK OF IMAGE' alt=\'\' />');" onMouseOut="nd();">TITLE OR W.E</a>

[Pulchritude]

^ I tried doesn't work for myspace...

[*Azarel*]

I don't think what you want is feasible on myspace (Javascript? Not sure). This script is somewhat similar, but not exactly what you want.

http://www.createblog.com/scripts/download.php?id=254

[Pulchritude]

yea that will do... but how do i adjust the code to make each seperate picture have different margins like a regular rollover... since I dont want all the picture to be at the same places.

[GREASEbaby]

You can make classes. :]

[Pulchritude]

You can make classes. :]

want to give an example =]

[freeflow]

Its like font classes. You give each link you want to rollover its own class . Then I'm guessing for the hover part you can add positions to it?

Heres an example of font classes:
http://www.createblog.com/scripts/download.php?id=99

Heres one of plainl ink classes:
http://www.createblog.com/scripts/download.php?id=345

[Pulchritude]

ok but how would i changed the class for this part

CODE

<style stype="text/css">
a span{display:none;}
a:hover span {display: block;
position: absolute; top: 10px; left: 130px; width:100px;
padding: 0px; margin: 0px; z-index: 5;
color: white; background: black;filter:none;
font-size: 10px;font-family: small fonts; text-align: left; text-decoration:none;}

.hidethem {visibility:hidden; display:none;}
</style>

cause wouldn't I have to make a pair of class for this code and the link part

CODE

<a href="LINK URL">NAME OF LINK HERE<span><img src="URL TO IMAGE" width="100px"></span></a>

and a different class for another pair. Sorry if I sound confusing >.>

[freeflow]

You would have to make a new class. Use the second link... He basically set up the code in class styles.

Thats how you make a new class. Then in the hover part, put positions in there (position: absolute; left: #px; top: #px; ) and see if that works.


I am NO WAY good at image rollovers, thats just an idea. Might not work. sorry I tried. Plus your example doesn't work in my browser.

[*Azarel*]

Actual links:
<a href="LINK URL">NAME OF LINK HERE<span class="class1"><img src="URL TO IMAGE" width="100px"></span></a>

The bold coding should correspond to the bolded coding in the About Me/Who I'd Like To Meet:

<style stype="text/css">
a span{display:none;}
.class1:hover span {display: block;
position: absolute; top: 10px; left: 130px; width:100px;
padding: 0px; margin: 0px; z-index: 5;
color: white; background: black;filter:none;
font-size: 10px;font-family: small fonts; text-align: left; text-decoration:none;}
</style>

Duplicate the italicized coding and change the bolded area to give each span class a different name.