0

http://www.wargame-club.com/3-day-molle-assault-backpack-black.html

大きな商品画像の下にある4つの商品サムネイル画像をクリックすると、商品画像が切り替わります。ラベルclickに機能がないことがわかりました。aサムネイル画像の商品画像はどのように変化しますか? ありがとうございました。

<li>
  <a title="" class="cloud-zoom-gallery" rel="popupWin:'http://www.wargame-club.com/catalog/product/gallery/id/24/image/83/', useZoom: 'cloudZoom', smallImage: 'http://www.wargame-club.com/media/catalog/product/cache/6/image/265x265/fa17b1d835a4c57a29916eae7df1805d/A/S/AS043_2.jpg'" href="http://www.wargame-club.com/media/catalog/product/cache/6/image/fa17b1d835a4c57a29916eae7df1805d/A/S/AS043_2.jpg"></a>
</li>
4

1 に答える 1

0

ページを調べて JavaScript ファイルを確認すると、次のページが表示されます: http://www.wargame-club.com/js/cjm/colorselectorplus/cloud-zoom.1.0.2.min.js

このファイルには、次のコードがあります。

 $(this).bind('click', $(this), function (event) {

var data = event.data.data('relOpts');

// Destroy the previous zoom
$('#' + data.useZoom).data('zoom').destroy();

// Change the biglink to point to the new big image.
$('#' + data.useZoom).attr('href', event.data.attr('href'));

// Change the small image to point to the new small image.
$('#' + data.useZoom + ' img').attr('src', event.data.data('relOpts').smallImage);

// Init a new zoom with the new images.
$('#' + event.data.data('relOpts').useZoom).CloudZoom();

}

使用されるスクリプトは次のとおりです。 http://www.starplugins.com/cloudzoom

于 2013-01-08T21:02:12.650 に答える