Well like the little says,
I would like to know the the code so that when you scroll over a LINK a small picture pops up next to that link or text.

Example:

I am trying to put the names of a few people on a list, and i want their picture to pop up when you mouseover/rollover each individual name.

Like:

Eric (on mouseover ERIC) ----> Picture.
Sam (on mouseover SAM) ----> Picture.
Eddy (on mouseover EDDY) ----> Picture.

This code will be used for a myspace page so this criteria must apply;

-"You may enter HTML/DHTML or CSS in any text field. Javascript is not allowed." -MySpace Admins.

I am also using DIV layout for said myspace page. So i have no idea how the code will blend in/react/function with the layout.



EDIT:
I want something like this:
http://www.candsdesign.co.uk/page-te...ery/layout.asp

Rollover the link, picture shows under it


EDIT2 REQUEST #2:
If this is not able to be done, perhaps you can supply me qith a code to like a hidden link sorta thing,

EX:
http://forum.ninjavideo.net/viewtopi...347297#p347297

Refer to the second post in this forum to get an idea of what i am talking about.

EDIT3:

I have used codes like pure css, but it does not seem to work, this i believe is due to a DIV based layout that i am using which might be blocking or hiding some code, give it a shot anyways thanks

I hope i was descriptive enough. Thanks in advance guys i really appreciate what you guys do here :]

~Khaoz

do a search on "lightbox" or "disjointed rollover"

You could also try this .. pure css

http://meyerweb.com/eric/css/edge/popups/demo.html

Pure css is just for text i think.

Not necessarily, as you can place either images or text (or both together) inside of a link. Sometimes I'll use schemes such as the one LadynRed suggested as a model for degradation in which JavaScript is used to make it a bit fancier, while if JS is disabled, it will still function.

Ugh i cant seem to get the pure core together,

Can someone put an example together for me please,

so it would be a link to....

www.google.com

when you mouseover it, it will display this picture:

http://www.mobileburn.com/media/logos/thumbs/google.jpg

This way ill have a base to what i should be seeing/filling out with my own links.

EDIT:
Grrrr this is so frustrating! nothing i try works god damned piece of **** myspace!
lol....maybe its just the div interfering with the code....
Nah! I'm sure its just i cant get the coding right try after try....

If all else fails, take a look at
http://www.jampmark.com/web-scripting/pure-html-css-slideshow.html

- Steve

Hep me out here dudes

EDIT:
Woah dude steve this is really good find i like it. but, it kinda does not match my layout and i cant have that crowding on the layout i like it simple, easy on the eyes

Simple on the outside, hard as hell on the inside.

BTW it cannot contain any javascript in it, or else myspace blocks the code. i don't know why but any JS included disables the code and it tells me VIOLATION OF TERMS OF SERVICE.

Would this be a correct code?

div#set_of_links {
    position:relative;
    padding:9px;
    border:1px dotted #999;
    background-color:#fff;
    margin-bottom:20px
}
div#set_of_links a {
    display:inline;
    padding:0px 9px 0px 9px;
    text-decoration:none;
    color:maroon
}
div#set_of_links a:hover {background:transparent}
div#set_of_links a span {display:none}
div#set_of_links a:hover span {
    display:inline;
    position:absolute;
    top:9px;
    left:100px;
    padding:80px 15px 5px 0
}
.www.google.com  {background:url(http://www.mobileburn.com/media/logos/thumbs/google.jpg) no-repeat top left}

OR???

<div id="set_of_links">
<a href="javascript:;"><img src="http://www.mobileburn.com/media/logos/thumbs/google.jpg" />
<span class="google.com"><strong>google</strong><br />Its google!.</span></a><br /></div><!-- /set_of_links -->

Woah dude steve this is really good find i like it. but, it kinda does not match my layout and i cant have that crowding on the layout i like it simple, easy on the eyes

Who cares about the layout - all you need to do is take the code. You can change the layout easily.

Let me know if it works!
- Steve

Originally Posted by stevej

Who cares about the layout - all you need to do is take the code. You can change the layout easily.

Let me know if it works!
- Steve

Dude i love the layout! its a band page, been working on it to perfection for about 2 days on 4 hours of sleep still haven't slept actually waiting on this stupid code!!! Gagghhh! A forum full of experts and nothin'.

No - I meant the layout of the css slideshow. I linked to.

- Steve

Originally Posted by stevej

No - I meant the layout of the css slideshow. I linked to.

- Steve

oh xD.

Well it doesn't work with my layout.

Myspace block it saying that crap about Violates the Terms.

Well, what DOES your layout look like?

Originally Posted by stevej

Well, what DOES your layout look like?

It looks cool
Its just a myspace thing that says that u cant use javascript or some type of code because it thinks its a virus. So yeah.

thinking JavaScript is a virus has nothing to do with it. It would be dumb for Myspace to allow JavaScript because that would allow users to redirect to other pages, open popup windows onclick, send alerts, make XML HTTP requests, and do all sorts of things that would be bad for the community as a whole.

Originally Posted by wayfarer07

thinking JavaScript is a virus has nothing to do with it. It would be dumb for Myspace to allow JavaScript because that would allow users to redirect to other pages, open popup windows onclick, send alerts, make XML HTTP requests, and do all sorts of things that would be bad for the community as a whole.

That makes sense, any solution to my problem?

BUMP!! teach me to do PURE cSS

Originally Posted by Khaoz

BUMP!! teach me to do PURE cSS

http://www.webmaster-talk.com/css-fo...tml#post817914