Image title tag

selenin · 03-06-2011, 09:50 PM

Hi
I want to make like a title tag, but it has to show an image. Don't know how that is called but have seen it already. Not a lightbox, like you show the title of a link it has to show an image and detailled information...

harbingerOTV · 03-06-2011, 10:29 PM

like this? http://plugins.learningjquery.com/cluetip/demo/

or do I not fully understand what you need?

bullant · 03-06-2011, 11:20 PM

something like this?

Code:

 
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
        <title></title>
        <style type="text/css">
            #myLink {
                position: relative;
                width: 160px;
            }
            #myLink div {
                position: absolute;
                top: 30px;
                left: 30px;
                border: 1px solid red;
                padding: 10px 10px 10px 10px;
                display: none;
                width: 300px;
            }
            #myLink:hover div {
                display: block;
            }
        </style>
    </head>
    <body>
        <div id="myLink">
            <a href="">my link to somewhere</a>
            <div>Place title content in here</div>
        </div>
    </body>
</html>

VIPStephan · 03-06-2011, 11:59 PM

Just for the records: This is a title tag: <title>, an opening tag, to be precise, and it always goes together with a closing tag (</title>).

The following is called a title attribute: <a title="text here"> – a significant difference.

bullant · 03-07-2011, 12:03 AM

yep I was confused as well at first when I read the op, but when I saw

Quote:

Originally Posted by selenin

Not a lightbox, like you show the title of a link it has to show an image and detailled information...

I am assuming the op means title attribute and hence my question

Quote:

something like this?

selenin · 03-07-2011, 12:32 AM

Thanks, sorry I meant attribute, I'm not very well with these expressions. I'll try them tomorrow, too tired tonight. Found as well a nice one, jquery tooltip. Yeah but the dreamworld is waiting...

bullant · 03-07-2011, 12:39 AM

no problem