好的,所以基本上我试图建立一个“车辆颜色配置器”内的jquery图像滑块。我希望人们能够点击一个样式单选按钮,并有特定的幻灯片img源代码进行相应的修改。这是我的代码如下,但我不能得到的图像改变...
超文本标记语言
<div data-iview:image="features/design/design_5.1.jpg" id="config">
<div class="iview-caption design5" data-transition="fade">
<h1>Colour</h1><h2>the town...</h2>
<p>Blah blah fish paste</p>
<span>
<input type="radio" name="config" value='design_5.1.jpg' />
<input type="radio" name="config" value='design_5.2.jpg' />
<input type="radio" name="config" value='design_5.3.jpg' />
<input type="radio" name="config" value='design_5.4.jpg' />
<input type="radio" name="config" value='design_5.5.jpg' />
<input type="radio" name="config" value='design_5.6.jpg' />
<input type="radio" name="config" value='design_5.7.jpg' />
<input type="radio" name="config" value='design_5.8.jpg' />
</span>
</div>
</div>
查询
imgFldr = 'features/design/';
$("input[type='radio']").click(function() {
$('#config').attr('data-iview', imgFldr+this.value);
});
3条答案
按热度按时间j5fpnvbx1#
data-iview:image
在运行时转换为css background属性,因此动态更改它不会影响滑块上的任何内容mwecs4sa2#
您错过了“:image”,代码如下所示
vsnjm48y3#
我设法找到了一个不同的解决方案,基于以下内容: