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%"> &euro;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