CODEWITHSUNDEEP
javascriptjavajsffrontendelevatezoom
User1999
User1999

Reputation: 115

Zoom plugin image error

I'm developing a web application in java using jsf,I added the following plugin http://www.elevateweb.co.uk/image-zoom/examples for zooming images. But when loading the page,when checking the page browser displays the following error

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

Code

  <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"  />

UPDATE

I put the breakpoint at the closing of $ (document) .ready (function () { }); But the breakpoint stops at $ ("# img_01"). ElevateZoom ({easing: true});

Upvotes: 0

Views: 428

Answers (0)

Related Questions