In una pagina ASPX ho inserito delle immagini caricate con Repeater
codice:
 <div id="col1">
      <asp:Repeater ID="riga" runat="server" onitemcommand="riga_ItemCommand">
              <HeaderTemplate>
                  <ul id="galleria">
              </HeaderTemplate>
              <ItemTemplate>
                    <li>
                    <img id="zoom_04a" id="zoom_04b" id="zoom_04c" id="zoom_04" src="images/imgcat/small/<%# Eval("NOMEIMAGE")  %>" border="2" vspace="6" hspace="6"  alt="" data-zoom-image="images/imgcat/large/Pizza1_L.jpg" /> 
                     <script type="text/javascript" src="jquery-1.8.3.min.js">
                    </script> <script src="jquery.elevatezoom.js" type="text/javascript">
                $("#zoom_04a").elevateZoom({ zoomWindowPosition: 1 });
                $("#zoom_04b").elevateZoom({ zoomWindowPosition: 12 });
                $("#zoom_04c").elevateZoom({ zoomWindowPosition: "demo-container", zoomWindowHeight: 200, zoomWindowWidth: 200, borderSize: 0, easing: true });
                $("#zoom_04d").elevateZoom({ zoomWindowPosition: 1, zoomWindowOffetx: 10 });
                      </script>
                     <p align="center">
                        <%# Eval("DESCRCATALOGO") %>
                     </p>
                    </li>
              </ItemTemplate>
   
           <FooterTemplate>
              </ul>
           </FooterTemplate>
 
    </asp:Repeater>


 </div>
Voglio ingrandirla al passaggio del mouse sopra;
Qualcuno cortesemente mi dice perché non funziona ?
nel progetto ho anche inserito i plugin :
elevatezoom.jquery.json
jquery-1.8.3.min.js
jquery.elevateZoom-3.0.8.min.js
jquery.elevatezoom.js

Grazie