Hover over pop up code. Which is the best

Hi, I havent been on this site for a while. Did they change the look here?

Anyway I was looking for a code to use for a hover over pop up to use for images. That is when I hover over an emage a small pop up apears. Need it to be html compatable so that I can get visitor counts to come up in it. Any help in that direction would be appreciated as well.

I looked in a lot of tech. sites and found a bunch of them but not sure what I should be getting. They all had only good with this browser or that and wanted to make sure I got one that worked on all browsers. Or at least the most versitile.

 

Have you looked at using Jquery? There are loads of plugins that would be of use to you, or go to here http://www.dynamicdrive.com/, loads of snippit of code you could use.

 

Yes I have looked at that site. I have used a few of thier codes and think it is a great resource site. The problem is that I cant figure out which one will work the best for what I need. Any sugestions would be greatly appreciated.

Looking for a small pop up window to apear on hovering over image that I can add html into.

 

You could use CSS, like so:

(HTML)
<ul id="hoverbox">
<li><a href="link url"><img src="image url" /><span>text you want to hover here.</span></a></li>
<li><a href="link url"><img src="image url" /><span>text you want to hover here.</span></a></li>
<li><a href="link url"><img src="image url" /><span><h4>put any html tags in the span</h4>text you want to hover here.</span></a></li>
</ul>

(CSS)
#hoverbox { position: relative; list-style: none; }
#hoverbox li { float: left; margin-right: 10px; position: relative; }
#hoverbox a { text-decoration: none; display: block; }
#hoverbox a span { position: absolute; top: 40px; /* distance from top of image */ left: 10px; /* distance from left of image */ display: none; }
#hoverbox a:hover span { display: block; }

That work for you?

 

Thanks for this. I am just starting to use CSS and I wish I would have started learning it a long time ago. It's not as hard as it looks. Now I just have to figure out when and where to use it as well. If I ever can find the time I will probably take a tutorial classs on it.

What I was wondering though is can I use this format to get an sql statement to show how many visitors to that link to show up in the pop up.

 

I highly recommend dynamicdrive.com for this, thats were I get all my code for that. I'm doin something similar to that on my left side menu bar on this website staffservices.co.uk

 

Dude that is exactly what I want. I would need to change dimentions and background collor but I'm sure that is changeable. Can you tell me which script it is. I've already tried a couple of scripts from there and not what I was looking for.

 

I like this site i found a few days ago no particular structure but some nice stuff just have to look for it.
designer-daily.com enjoy

 

*** BITCHSLAP ***

OH yeah, throw a fat bloated javascript library at everything to do CSS' job. RIGHT.

 

Well as I have stated before I have looked at that site and yes there are multiple scripts that would work. I also stated that i am fairly new to this and didn't know which one would be best. If you could tell me which one on that site you are referring to that would be of help. If this can all be done with jquery I am all for it. Just give me a link or something to look at instead of telling me to use jquery. Maybe an explination of why jquery is better as well.

I have posted this for help in a couple of different forums and I keep getting the same response even after I have stated that I cant figure out which one I need or would work best from that site. Everyone keeps telling me the same thing. Go to that site. Very popular site I may add. Nobody has answered the question though. Just confirming that I should get the script from that site.