0

さて、T シャツのデザインの色を選択するためのラジオ ボタンと、これらがどのように見えるかを示す画像ギャラリーがあります。

http://www.pazzle.co.uk/index.php?main_page=product_info&cPath=6_1&products_id=3#.UHpHP00WK27

注: 現在、ギャラリーは自動的にスクロールされます。必要に応じて、これをオフにすることができます。

これは、作業を行うコードです。

<div id="pikawrapper">
  <div class="pikachoose"> 
    <?php if (sizeof($images_array) > 0) { ?> 
      <ul id="pikame" class="jcarousel-skin-pika"> 
        <?php for($img=0; $img<sizeof($images_array); $img++) { 
                echo '<li>' . zen_image('images/' . $images_array[$img]) . '</li>'; 
              } ?> 
      </ul>
    <?php } ?>
  </div>
</div>

基本的に、ギャラリーは配列から画像を取得する pikachoose と呼ばれる Jquery スライダーです。コンテンツ管理エリアに画像をアップロードすると、ギャラリーが作業を行います。選択したときに対応する色を画像ギャラリーに表示させるのはどれほど難しいのでしょうか?

4

1 に答える 1

0

これがどのように行われるかです...

var imgTranslate={9:3};
$('#productAttributes .wrapperAttribsOptions input').bind('click',function() {
   $('#pikame').data('pikachoose').GoTo(imgTranslate[this.value]);
});

3 番目の画像で色 9 を一致させたように、色のボタンをスクロールの画像と一致させる必要があります。

于 2012-10-14T05:34:07.743 に答える