Problems with Elevatezoom with Fancybox in Chrome

Problems with Elevatezoom with Fancybox in Chrome

Hello,

I am trying to get a combination of Fancybox and elevatezoom working together. I got it working in FF and IE but it will not work in Chrome. I was wondering if someone could help me?

Link to test page: test.html

Jquery Code
  1. <script type="text/javascript">
  2.         $(function() {
         
                $('.fancybox-buttons').fancybox({
                    maxWidth: 512,
                    maxHeight:768,
                    openEffect  : 'none',
                    closeEffect : 'none',
                    prevEffect : 'none',
                    nextEffect : 'none',
                    closeBtn  : true,
                    helpers : {
                    title : {
                            type : 'inside',
  3.                         position : 'top'
                        },
                        buttons    : {}
                    },
                   
                     afterShow: function(){
                            var $image = $('.fancybox-image');
                            $image.elevateZoom({zoomType:'inner', zoomWindowOffetx:0, easing : true});
                        },
                   

                    afterLoad : function() {
                        this.title = 'Image ' + (this.index + 1) + ' of ' + this.group.length + (this.title ? ' - ' + this.title : '');
                    }
                            
                });
           
            });
        </script>

I was trying to pass the fancybox-image to elevatezoom using the aftershow. Seems to work with FF and IE just not Chrome. Just started trying to write my own code so I am sure I am doing something wrong.. :-)

HTML
  1.               <div id="SuperContentsSub"> 
                    <ul id="SuperThumbs">
                       
                                           
                          <li><a class="fancybox-buttons" rel="group" title="Place your mouse over the center of an image to start the zoom function!" href="http://www.jbauctionhouse.com/ebay/pics/IMG_5896.JPG" ><img src="http://www.jbauctionhouse.com/ebay/pics/IMG_5896.JPG" alt="photo1" /></a></li>
                        <li><a class="fancybox-buttons" rel="group" title="Place your mouse over the center of an image to start the zoom function!" href="http://www.jbauctionhouse.com/ebay/pics/IMG_6115.JPG" ><img src="http://www.jbauctionhouse.com/ebay/pics/IMG_6115.JPG" alt="photo1" /></a></li>
                        <li><a class="fancybox-buttons" rel="group" href="http://www.jbauctionhouse.com/ebay/pics/IMG_5897.JPG" ><img src="http://www.jbauctionhouse.com/ebay/pics/IMG_5897.JPG" alt="photo1" /></a></li>
                        <li><a class="fancybox-buttons" rel="group" href="http://www.jbauctionhouse.com/ebay/pics/IMG_5898.JPG" ><img src="http://www.jbauctionhouse.com/ebay/pics/IMG_5898.JPG" alt="photo1" /></a></li>
                        <li><a class="fancybox-buttons" rel="group" href="http://www.jbauctionhouse.com/ebay/pics/IMG_5899.JPG" ><img src="http://www.jbauctionhouse.com/ebay/pics/IMG_5899.JPG" alt="photo1" /></a></li>
                        <li><a class="fancybox-buttons" rel="group" href="http://www.jbauctionhouse.com/ebay/pics/IMG_5900.JPG" ><img src="http://www.jbauctionhouse.com/ebay/pics/IMG_5900.JPG" alt="photo1" /></a></li>
                       
                    </ul>
                   
                <div>


Any help would be highly appreciated!!

Thanks,
Jeff