Getting uncaught type error for elevatezoom-plus

[raycjohnson]

Sorry, not a coder but trying to incorporate this functionality into a asp written shopping cart

I downloaded the package, demo works but when I translate the code into my package I get following

testslider99.asp:461 Uncaught TypeError: $(...).ezPlus is not a function at HTMLDocument. (testslider99.asp:461) at j (jquery.js:2) at Object.fireWith [as resolveWith] (jquery.js:2) at Function.ready (jquery.js:2) at HTMLDocument.J (jquery.js:2)

Not sure where or what is happening - sorry, not familiar with jquery or javascript too well.

Any help would be desparately appreciated.

Love the functionality just can't find way to make it work.

How can I share more info for resolution. head>

body>

    <div id="gallery_02">
        <a href="#" data-image="images/image inventory/pic1.jpg" data-zoom-image="images/image inventory/pic1L.jpg">
            <img id="img_01" width='25px' src="images/image inventory/pic1.jpg"/>
        </a>
        <a href="#" data-image="images/small/image2.jpg" data-zoom-image="images/image inventory/pic2L.jpg">
            <img id="img_01" width='25px' src="images/image inventory/pic2.jpg"/>
        </a>
        <a href="#" data-image="images/small/image3.jpg" data-zoom-image="images/image inventory/pic3L.jpg">
            <img id="img_01" width='25px' src="images/image inventory/pic3.jpg"/>
        </a>
    </div>
      <script type="text/javascript">
        $(document).ready(function () {
            $("#zoom_02").ezPlus({
                gallery: 'gallery_02',
                cursor: 'pointer',
                galleryActiveClass: "active",
                imageCrossfade: true,
                loadingIcon: "images/spinner.gif"
            });

            $("#zoom_02").bind("click", function (e) {
                var ez = $('#zoom_02').data('ezPlus');
                ez.closeAll(); //NEW: This function force hides the lens, tint and window
                $.fancybox(ez.getGalleryList());
                return false;
            });

        });

    </script>

[igorlino]

Its hard to tell. seems to be that the elevatezoom library has not yet been loaded.

You example seems not to be a simple html page. Seem to me that is an application specific issue. Look how the resources are loaded in the chrome devtools - the network tab.

Even if your example did not work. you can crosscheck in the chrome console and see the plug-in has loaded.

Notice: The issue tracker is for issues, in other words, bugs and suggestions. If you have a question, please use Stack Overflow, your favorite search engine, or other resources. Due to increased similar type of questions, we can no longer answer questions in the issue tracker.