Best method of getting a tooltip to appear around an image?
I've been looking at some jQuery plugins to show a tooltip around an image when it's hovered on. But I haven't been able to find one, what I was looking for was a tooltip to load and with the description, text, and rating while using the same image inside the tooltip.

So I was thinking about making my own, and wanted to know what you guys think of the best way of doing this?

The General idea is top have a row of images and when a user hovers one, a rounded retangle appears with the same image inside and it populate the information to the left of the image. And they have to leave the tooltip for it fade away, not the thumbnail. 

And do you guys know of any jQuery tooltip plugins that do this? No need to reinvent the wheel.

    <div class="item">
        <div class="thumbail">
            <img src="" alt="" />
        </div>

        <div class="hiddentooltipinfo">
            <div class="tooltipinfo">
                <div class="info">
                    <h3>Title</h3>
                    <p>Text</p>
                </div>

                <div class="rating">
                    <p>85%</p>
                </div>
            </div>
        </div>
    </div>


Best method of getting a tooltip to appear around an image?
===

I've been looking at some jQuery plugins to show a tooltip around an image when it's hovered on. But I haven't been able to find one, what I was looking for was a tooltip to load and with the description, text, and rating while using the same image inside the tooltip.

So I was thinking about making my own, and wanted to know what you guys think of the best way of doing this?

The General idea is top have a row of images and when a user hovers one, a rounded retangle appears with the same image inside and it populate the information to the left of the image. And they have to leave the tooltip for it fade away, not the thumbnail. 

And do you guys know of any jQuery tooltip plugins that do this? No need to reinvent the wheel.

    <div class="item">
        <div class="thumbail">
            <img src="" alt="" />
        </div>

        <div class="hiddentooltipinfo">
            <div class="tooltipinfo">
                <div class="info">
                    <h3>Title</h3>
                    <p>Text</p>
                </div>

                <div class="rating">
                    <p>85%</p>
                </div>
            </div>
        </div>
    </div>

