缩放插件图像错误

Question

我正在使用jsf在java中开发一个Web应用程序，我为缩放图像添加了以下插件http://www.elevateweb.co.uk/image-zoom/examples。但是在加载页面时，检查页面浏览器时会显示以下错误

Uncaught TypeError: $(...).elevateZoom is not a function

代码

  <h:outputScript library="resources" name="js/jquery.fancybox.pack.js" >
   </h:outputScript>
<h:outputScript library="resources" name="js/jquery.elevateZoom-
3.0.8.min.js"></h:outputScript>
 <h:outputScript library="resources" name="js/jquery-1.10.2.min.js">
    </h:outputScript>

             $(document).ready (function () {
             $("#img_01").elevateZoom({easing : true});
             });

<h:graphicImage library="resources" name="imagens/bermudas/lacoste.jpg" 
id="img_01" width="400px" height= "400px"  />

更新

我把断点放在$ (document) .ready (function () { });的结束处 但断点在$ ("# img_01"). ElevateZoom ({easing: true});

处停止