jquery - 使用 Jquery 插件 Pikachoose 检查收音机上的更改图像

Question

好的，所以我有单选按钮来选择 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 滑块，它从数组中提取图像。我将图像上传到我的内容管理区域，画廊负责工作。我想知道在选择时让图片库显示相应的颜色有多难？

Answer 1

这是如何做到的......

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

您必须将颜色按钮与滚动条中的图像匹配，就像我将颜色 9 与第三张图像匹配一样。