Hi all.
I am using cluetip successfully on a multiple-tip, dynamic site to
show a preview of a customer testimonial with a link inside the tip to
go to the full testimonial. The cluetip is attached to the A tag
surrounding the icon (of the customer's company logo). All
testimonials are inside a single div.
I am using positionBy: Fixed as I need to control the position of the
tip so that it appears in the same place relative to each icon.
However, all 6 tooltips are appearing in the same place - Cluetip is
populating the content correctly (from the hidden local spans) but the
tips appear in the same place at the end of the parent div not the
calling A-tag.
The testimonials appear about halfway down the right hand column of a
2-column site (CSS columns - not table markup).
Cluetip settings:
$('a.tip').cluetip({
local: true,
hideLocal: true,
arrows: false,
dropShadow: false,
hoverIntent: false,
sticky: true,
mouseOutClose: true,
closePosition: 'top',
closeText: '',
positionBy: 'fixed'
});
The markup for the relevant location is:
<div id="testmonials>
<a class="tip" href="#testimonial-0" rel="#testimonial-0" id="test-
tip-0">
<img (blah blah) />
</a>
<a class="tip" href="#testimonial-1" rel="#testimonial-1" id="test-
tip-1">
<img (blah blah) />
</a>
. . .
<a class="tip" href="#testimonial-5" rel="#testimonial-5" id="test-
tip-5">
<img (blah blah) />
</a>
</div>
The site is not live yet - only on my local dev server or I would be
able to link to the site for a demo.
Any help would be greatly appreciated.
Kind regards
James.
