使用单选按钮更改jquery滑块内的图像src

好的，所以基本上我想在jquery图像滑块中构建一个“车辆颜色配置器”。我希望人们能够点击一个风格的单选按钮，并有特定的幻灯片img src相应的修改。这是我下面的代码，但我无法更改图像

HTML

---

运行时，

data-iview:image

被转换为css-background属性，因此动态地更改它不会影响滑块上的任何内容，因为您忽略了“：image”，代码如下所示

$(function(){
var imgFldr = 'features/design/'; 
$("input[type='radio']").click(function() {   
$('#config').attr('data-iview:image', imgFldr+this.value);
});})

---

我根据以下内容设法找到了不同的解决方案：

    //The color picker div    
<div class="picker" data-bkgnd="/content/images/someimg.jpg"></div>

//The container for your product image
<div class="productDisplay"></div>

<script type="text/javascript">


 $(document).ready(function(){
   $(".picker").click(function(){       
       //Load background string from data of clicked element
       var bVal = $(this).attr('data-bkgnd');
       //Set display's background to retrieved background string
       $(".productDisplay").hide().css({'background-image': "url(" + bVal + ")"}).show();
   });
 });

</script>

//颜色选择器div
//产品形象的容器
$（文档）.ready（函数（）{
$（“.picker”）。单击（函数（）{
//从单击的元素的数据加载背景字符串
var bVal=$（this.attr（'data-bkgnd'）；
//将显示器的背景设置为检索到的背景字符串
$（“.productDisplay”）.hide（）.css（{'background-image'：“url（“+bVal+”）））.show（）；
});
});

---

谢谢你的帮助

到底什么是

数据iview:image

？感谢大家迄今为止的回复！David你是说Iview称其幻灯片的方式基本上是背景图像？谢谢，但不幸的是，它仍然不起作用：-(

$(function(){
var imgFldr = 'features/design/'; 
$("input[type='radio']").click(function() {   
$('#config').attr('data-iview:image', imgFldr+this.value);
});})

    //The color picker div    
<div class="picker" data-bkgnd="/content/images/someimg.jpg"></div>

//The container for your product image
<div class="productDisplay"></div>

<script type="text/javascript">


 $(document).ready(function(){
   $(".picker").click(function(){       
       //Load background string from data of clicked element
       var bVal = $(this).attr('data-bkgnd');
       //Set display's background to retrieved background string
       $(".productDisplay").hide().css({'background-image': "url(" + bVal + ")"}).show();
   });
 });

</script>