Hi there
I am using the Bassistance Tooltip 1.3 plug-in and I would like to have a tooltip that shows an image for each row of a table.
At the moment, only the tooltip image of the first row comes up. The images for all the other rows do not come up in the tooltip.
I am using the following HTML code:-
<tr class="alt">
<td width="8%">
<img id="propthumb" src="../modules/directory_images/dubai towers 1 (Small).jpg" width="60" height="40" />
</td>
<td>
<a title="Edit this property" href="admin.asp?Action=EditPropertyForm&DIRid=63">Apartment
</a>
</td>
<td>
</td>
<td>Newbury
</td>
<td width="10%">Apartment
</td>
<td width="12%">AED100,000
</td>
<td width="5%">22/12/2009
</td>
</tr>
<tr"><td width="8%"><img id="propthumb" src="../modules/directory_images/Emirates Tower 1 (Small).jpg" width="30" height="40" /></td><td><a title="Edit this property" href="admin.asp?Action=EditPropertyForm&DIRid=64">Donnington Castle
</a>
</td>
<td>
</td>
<td>Newbury
</td>
<td width="10%">Mansion
</td>
<td width="12%">
€1,000,000
</td>
<td width="5%">22/12/2009
</td>
</tr>
<tr class="alt">
<td width="8%">
<img id="propthumb" src="../modules/directory_images/house 1 (Small)[1].jpg" width="56" height="40" />
</td>
<td>
<a title="Edit this property" href="admin.asp?Action=EditPropertyForm&DIRid=65">House
</a>
</td>
<td>
</td>
<td>Newbury
</td>
<td width="10%">Condo
</td>
<td width="12%">AED100,000
</td>
<td width="5%">22/12/2009
</td>
</tr>
and the following script code:-
<script type="text/javascript">
$(function() {
$('#propthumb').tooltip({
delay: 0,
showURL: false,
bodyHandler: function() {
return $("<img/>").attr("src", this.src);
}
});
});
</script>
Thanks
epx999