elevatezoom не работает после добавления runat = "server"

Question

<img id="zoom_01" src="Images/org_chart/admin.jpg" data-zoom-image="Images/org_chart/admin.jpg" width="700" height="700" /> 

<script> 
    $("#zoom_01").elevateZoom(); 
</script> 
<script src="js/jquery.elevatezoom.js" type="text/javascript"></script> 

Мой код работает нормально, изображение может увеличиваться при наведении курсора мыши. После того как я добавить в RUNAT = «сервер» в моем IMG тег, он не приближать.

<img id="zoom_01" src="Images/org_chart/admin.jpg" data-zoom-image="Images/org_chart/admin.jpg" width="700" height="700" runat="server" /> 

Answer 1

Rendered идентификатор сервера матч обыкновение идентификатор клиента. Чтобы получить оказанные использование ID: Control.ClientID

<script> 
    $("#<%= zoom_01.ClientID %>").elevateZoom(); 
</script>