How to use Hover Tooltips?

Hi
I'm new here, hope I got the right area for my question/request.

In my dupal project I use a lot of Textlinks that open a picture in a colorbox. It is implemented very easy in this way:

<a class="colorbox-load" href="http://url.to/picture.png">Text</a>

Now I would like to additionally show (preferably a smaller version of) the picture when you hover with the mouse over the link.
I found out that the modules qtip and beautytips should both be able to do that, but unfortunately I don't understand how I can use these modules. I only have very basic knowledge of php/html/css, but it seems that I need to understand much more than I do to actually use these modules.
So I'm here now and hope that someone knows a relative simple way to get the mouseover preview I would like to have.