0

我正在尝试实现在这个网站上找到的图像缩放，但是我在让它在我的网站上工作时遇到了问题。我将 .js 和 .css 文件添加到根目录，并按照说明在 javascript 中引用了这些文件，但似乎我从未使用过 jquery 函数。我究竟做错了什么？我在页面上没有错误。当我将鼠标悬停在图像上时，没有任何反应。

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

1 回答 1

3

使用两个脚本标签：

<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-08T18:49:39.180 回答