How to change opacity on images in a table on mouseover ?

How to change opacity on images in a table on mouseover ?

When i mouseover my table, it happens that the entire table, changes opacity and other animation effects,
instead of just 1 image at a time as i was planning. Can you help ?

My jquery code:
  2. $(document).ready(function () {
  3.             $('.mosaico img').mouseover(function () {
  4.                 $('.mosaico img').animate({
  5.                     opacity: 0.25,
  6.                     left: '+=50',
  7.                     height: 'toggle'
  8.                 }, 5000, function () {
  9.                     // Animation complete.
  10.                 });
  11.             });
  12.         });
My Table:

<table class="mosaico" style="display: inline-table;" border="0" cellpadding="0"
        cellspacing="0" width="920">
        <!-- fwtable fwsrc="source_slides.fw.png" fwpage="Page 1" fwbase="image2.jpg" fwstyle="Dreamweaver" fwdocid = "964933891" fwnested="0" -->
        <tr>
            <td>
                <img src="img/mosaico/spacer.gif" width="230" height="1" alt="" /></td>
            <td>
                <img src="img/mosaico/spacer.gif" width="230" height="1" alt="" /></td>
            <td>
                <img src="img/mosaico/spacer.gif" width="223" height="1" alt="" /></td>
            <td>
                <img src="img/mosaico/spacer.gif" width="237" height="1" alt="" /></td>
            <td>
                <img src="img/mosaico/spacer.gif" width="1" height="1" alt="" /></td>
        </tr>
        <tr>
            <td>
                <asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl="~/ImoveisContemplados.aspx"><img name="image2_r1_c1" src="img/mosaico/image2_r1_c1.jpg" width="230" height="147" id="image2_r1_c1" alt="" /></asp:HyperLink>
            </td>
            <td>
                <asp:HyperLink ID="HyperLink2" runat="server" NavigateUrl="~/VeiculosContemplados.aspx"><img name="image2_r1_c2" src="img/mosaico/image2_r1_c2.jpg" width="230" height="147" id="image2_r1_c2" alt="" /></asp:HyperLink>
            </td>
            <td>
                <asp:HyperLink ID="HyperLink3" runat="server" NavigateUrl="~/CaminhoesContemplados.aspx"><img name="image2_r1_c3" src="img/mosaico/image2_r1_c3.jpg" width="223" height="147" id="image2_r1_c3" alt="" /></asp:HyperLink>
            </td>
            <td>
                <asp:HyperLink ID="HyperLink4" runat="server" NavigateUrl="~/MotosContemplados.aspx"><img name="image2_r1_c4" src="img/mosaico/image2_r1_c4.jpg" width="237" height="147" id="image2_r1_c4" alt="" /></asp:HyperLink>
            </td>
            <td>
                <img src="img/mosaico/spacer.gif" width="1" height="147" alt="" /></td>
        </tr>
</table>


Thanks in advance.