0

このWebサイトにある画像ズームを実装しようとしていますが、Webサイトで機能させるのに問題があります。.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

2つのスクリプトタグを使用します。

<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 に答える