好吧,所以基本上我試圖在jQuery圖像滑塊內部構建「車輛顏色配置器」。我希望人們能夠點擊一個樣式化的單選按鈕,並相應修改該特定幻燈片。這是我下面的代碼,但我不能讓圖像改變......使用單選按鈕更改jquery滑塊內的圖像src
HTML
<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>
JQUERY
imgFldr = 'features/design/';
$("input[type='radio']").click(function() {
$('#config').attr('data-iview', imgFldr+this.value);
});
究竟是什麼'data-iview:image'? – 2013-04-10 16:08:21