使用Jquery插件Pikachoose检查无线电图像的变化

Question

好的，我有单选按钮来选择t恤设计的颜色，还有一个图片库显示这些图案的样子：

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>

从本质上说，库是一个名为木瓜糖的Jquery滑块，它从数组中提取图像。我上传的图片在我的内容管理领域和画廊做的工作。，我在想，当选择相应的颜色时，让图片库显示相应的颜色会有多难呢？

Answer 1

这是怎么做的..。

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

你必须把彩色按钮和scrollie中的图像匹配起来，就像我把颜色9和第3张图像匹配一样。