0

2つのJquery関数があります。1つは画像のズーム/詳細を表示し、もう2つはサムネイルから複数の画像を表示します。これらは両方とも機能します。画像を交換するまでは、新しい画像が表示されますが、古い画像は引き続きズーム機能を使用します。新しいズーム機能も更新する必要があると思いますが、どうすればよいかわかりません。この関数のリロードまたは更新をどのように強制しますか？

<script type="text/javascript">
    jQuery(document).ready(function($){
    $('#image').addimagezoom() 
        magnifiersize: [300,300] 
    });

    jQuery(document).ready(function($){
    $("li.tmb-all a").click(function() {
        var mainImage = $(this).attr("href"); //Find Image Name
        $("#image").attr('src', mainImage);
        return false;       
    });
    })

</script>

関連するHTML：

<div id="main_image">
  <img alt="available in 10 colors" id="image" itemprop="image" src="/products/440/large/custom-woven-1.jpg" width="400" />
</div>
    </div>
      <!-- no need for thumnails unless there is more then one image -->
<ul id="product-thumbnails" class="thumbnails" data-hook>
  <li class="tmb-all" id="tmb-440"><a href="/spree/products/440/large/custom-woven-1.jpg"><img alt="Custom-woven-wristbands-1" src="/products/440/mini/custom-woven-1.jpg" /></a></li>
  <li class="tmb-all" id="tmb-442"><a href="/spree/products/442/large/custom-woven-2.jpg"><img alt="Custom-woven-wristbands-2" src="/products/442/mini/custom-woven-2.jpg" /></a></li>
  <li class="tmb-all" id="tmb-439"><a href="/spree/products/439/large/custom-woven-3.JPG"><img alt="Custom-woven-wristbands-3" src="/products/439/mini/custom-woven-3.JPG" /></a></li>
  <li class="tmb-all" id="tmb-441"><a href="/spree/products/441/large/custom-woven-4.jpg"><img alt="Custom-woven-wristbands-4" src="/products/441/mini/custom-woven-4.jpg" /></a></li>
</ul>

</div>
4

1 に答える 1

0

クリック内に拡大コードを追加してみてください。

$('#image').addimagezoom() 
    magnifiersize: [300,300] 
});


$("li.tmb-all a").click(function() {
    var mainImage = $(this).attr("href"); //Find Image Name
    $("#image").attr('src', mainImage);
    $('#image').addimagezoom() 
      magnifiersize: [300,300] 
    });
    return false;       
});

$('#image').destroy().addimagezoom() magnifiersize: [300,300] }); プラグインには通常、自分自身を破壊する方法もあります。破壊した場合は、実際にそれをサポートしていると想定するようなことができるかもしれません（ドキュメントを確認してください）。

于 2012-05-23T21:10:52.137 に答える