Javascript jQuery放大在Chrome和Safari中不起作用,而在Firefox中起作用

Javascript jQuery放大在Chrome和Safari中不起作用,而在Firefox中起作用,javascript,jquery,html,css,google-chrome,Javascript,Jquery,Html,Css,Google Chrome,嗨,我试着在我的网站上实现一个jquery放大代码。我将它与用于视差滚动的.skrollr javascript相结合。它在firefox中运行良好,但在chrome和safari中似乎根本不起作用 您可以访问以下网站: 放大函数的java是 <script src="javascripts/prefixfree.min.js" type="text/javascript"></script> <script src="javascripts/jquery-1.7

嗨,我试着在我的网站上实现一个jquery放大代码。我将它与用于视差滚动的.skrollr javascript相结合。它在firefox中运行良好,但在chrome和safari中似乎根本不起作用

您可以访问以下网站:

放大函数的java是

<script src="javascripts/prefixfree.min.js" type="text/javascript"></script>
<script src="javascripts/jquery-1.7.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){

    var native_width = 0;
    var native_height = 0;

    $(".magnify").mousemove(function(e){

        if(!native_width && !native_height)
        {

            var image_object = new Image();
            image_object.src = $(".small").attr("src");

            native_width = image_object.width;
            native_height = image_object.height;
        }
        else
        {

            var magnify_offset = $(this).offset();

            var mx = e.pageX - magnify_offset.left;
            var my = e.pageY - magnify_offset.top;

            if(mx < $(this).width() && my < $(this).height() && mx > 0 && my > 0)
            {
                $(".large").fadeIn(100);
            }
            else
            {
                $(".large").fadeOut(100);
            }
            if($(".large").is(":visible"))
            {

                var rx = Math.round(mx/$(".small").width()*native_width - $(".large").width()/2)*-1;
                var ry = Math.round(my/$(".small").height()*native_height - $(".large").height()/2)*-1;
                var bgp = rx + "px " + ry + "px";

                var px = mx - $(".large").width()/2;
                var py = my - $(".large").height()/2;

                $(".large").css({left: px, top: py, backgroundPosition: bgp});
            }
        }
    })
})
</script>

$(文档).ready(函数(){
var native_width=0;
var native_height=0;
$(“.放大”).mousemove(函数(e){
如果(!本机_宽度&&!本机_高度)
{
var image_object=新图像();
image_object.src=$(“.small”).attr(“src”);
本机\u宽度=图像\u对象.width;
本机高度=图像高度=对象高度;
}
其他的
{
var放大_offset=$(this.offset();
var mx=e.pageX-放大偏移量。左;
var my=e.pageY-放大偏移量.top;
如果(mx<$(此).width()&&my<$(此).height()&&mx>0&&my>0)
{
$(“.large”).fadeIn(100);
}
其他的
{
美元(“.large”)。淡出(100);
}
如果($(“.large”).是(“:可见”))
{
var rx=Math.round(mx/$(“.small”).width()*本机宽度-$(“.large”).width()/2)*-1;
var ry=Math.round(my/$(“.small”).height()*原生高度-$(“.large”).height()/2)*-1;
var bgp=rx+“px”+ry+“px”;
var px=mx-$(“.large”).width()/2;
var py=my-$(“.large”).height()/2;
$(“.large”).css({left:px,top:py,backgroundPosition:bgp});
}
}
})
})
非常感谢您的帮助:) 如果你对这个网站有任何问题,我可以试着回答


和平

尝试使用鼠标盖(在鼠标盖上更改鼠标移动)

它不起作用。只会让firefox中的它变得更不愉快。谢谢你。