Jquery image Zoomer函数没有被调用

我想实现在this website上找到的图像缩放，但我有问题让它在我的网站上工作。我将.js和.css文件添加到根，并按照指示在javascript中引用了这些文件，但似乎我从来没有达到jquery函数。我究竟做错了什么？我在页面上没有任何错误。当我将鼠标悬停在图像上时，没有任何反应。Jquery image Zoomer函数没有被调用

<head id="Head1" runat="server"> 
    <link rel="stylesheet" href="multizoom.css" type="text/css" /> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script> 

<script type="text/javascript" src="multizoom.js"> 
    jQuery(function ($) { 
    $('#image1').addimagezoom({ // single image zoom 
     zoomrange: [3, 10], 
     magnifiersize: [300, 300], 
     magnifierpos: 'right', 
     cursorshade: true, 
     largeimage: 'someImage.jpg' //<-- No comma after last option! 
    }) 
}) 
</script> 

</head> 

<img id="image1" border="0" src="someImagesmall.jpg" style="width:250px;height:338px">

来源

2013-03-08 Eric

我知道这是显而易见的，但你把相关文件有问题您的服务器吗？ – Leeish 2013-03-08 18:50:13

是的，我当然做 – Eric 2013-03-08 19:46:24

使用两个脚本标签：

<script type="text/javascript" src="multizoom.js"></script>

和

<script type="text/javascript"> 
    jQuery(function ($) { 
    $('#image1').addimagezoom({ // single image zoom 
     zoomrange: [3, 10], 
     magnifiersize: [300, 300], 
     magnifierpos: 'right', 
     cursorshade: true, 
     largeimage: 'someImage.jpg' //<-- No comma after last option! 
    }) 
}) 
</script>

来源

2013-03-08 18:49:39

哪个错误消息弹出与错误控制台（shift-ctrl J）给你？ – 2013-03-08 19:13:20

是的，我以前是这样做的，但我只是根据您的建议进行调整，结果相同。 – Eric 2013-03-08 19:48:14

啊，我看到一个错误，说jQuery是未定义的 – Eric 2013-03-08 19:56:30

Jquery image Zoomer函数没有被调用

回答

相关问题