Textpattern CMS

#1 2007-03-19 20:26:55

fowler

Member

Registered: 2007-02-12

Posts: 79

tooltips + article-images ?

I have a portfolio site with a list of article-images as the navigation (for a section).

I’d like to add tooltips which display the name of the article appear when I hover over the article-images.

So far, using the tooltip script from MudCorp (http://mudcorporation.com/code/js/MudToolTip-1.5/), it sort of works, but only appears when I hover over the bottom of the article-image, as well, I can’t find a way to display the title of the article.

I also searched around and found the ako_boxover script… but that doesn’t seem to want to work either.

Any suggestions?

#2 2007-03-19 21:37:01

sthmtc

Member

From: CGN, GER

Registered: 2005-01-17

Posts: 586

Website

Re: tooltips + article-images ?

would something like this work for you? if so i can elaborate on how i did it.

#3 2007-03-19 22:40:52

fowler

Member

Registered: 2007-02-12

Posts: 79

Re: tooltips + article-images ?

yes! that should be close enough

#4 2007-03-20 00:16:21

sthmtc

Member

From: CGN, GER

Registered: 2005-01-17

Posts: 586

Website

Re: tooltips + article-images ?

ok, you can download the BubbleTooltips.js from this site, or grab my slightly modified copy — you’ll find the link in the source. then follow the instructions on how to use it.

in your article form, you can use something like this:

<a href="<txp:permlink />" title="LIBRARY:tooltip<txp:article_id />"><txp:upm_article_image type="thumbnail" class="thumbnail" /></a>
<div class="hidetooltip">
<div id="tooltip<txp:article_id />">
put in here whatever you want maybe <txp:excerpt /> ...
</div>
</div>

this should work as a starting point…

#5 2007-03-20 18:53:27

fowler

Member

Registered: 2007-02-12

Posts: 79

Re: tooltips + article-images ?

cool, for the most part, i got it working, although, if i had to do it without the code you posted, I’d be very lost.

thanks for the help.

#6 2007-03-21 16:49:07

fowler

Member

Registered: 2007-02-12

Posts: 79

Re: tooltips + article-images ?

my only problem now, which i can’t figure out, is that the first article-image seems to want to be in a different place than the rest of the thumbnails..

www.moded.info/print

er, it only happens in firefox and camino. safari looks fine.