javascript - 缩放插件图像错误

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});