Question

我正在尝试实现this website上找到的图像缩放，但我在使用它在我的网站上工作时遇到了问题。我将.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">

Answer 1

使用两个脚本标记：

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

Jquery图像Zoomer函数没有被调用

1 个答案: