Изменить изображения слайдера src, используя jquery или java script
Вот мой HTML-код слайдера
<div class="jcarousel">
<ul class="clearfix">
<li><img src="/c.3713628_SB2/site/Images/banner_hot_deal2.jpg"></li>
<li><img src="/c.3713628_SB2/site/Images
/Banner_free_delivery_extend_west.jpg"></li>
<li><img src="/c.3713628_SB2/site/Images/banner_nationwide_delivery.jpg"></li>
<li><img src="/c.3713628_SB2/site/Images/banner_merries.jpg"></li>
<li><img src="/c.3713628_SB2/site/Images/banner_sep_promo.jpg"></li>
<li><img src="/c.3713628_SB2/site/Images/banner_aimedia.jpg"></li>
<li><img src="/c.3713628_SB2/site/Images/banner_diapers.jpg"></li>
<li><img src="/c.3713628_SB2/site/Images/banner_water.jpg"></li>
</ul>
</div>
Я хочу изменить каждый img src этого ползунка, когда значение выбрано из выпадающего списка, это ja_JP, который является японским языком. Мне нужно загружать изображения, которые имеют японский текст, если кто-то выбирает японский язык.
Вот мой код, который дает мне значение выбранного параметра
<script type="text/javascript">
var e = document.getElementById("shopperlanguage");
var strUser = e.options[e.selectedIndex].value;
if(strUser=="ja_JP"){
<!-- here i need to add code to change each and every img src with different src -->
}
</script>
Я знаю одно решение назначить другой идентификатор для IMG, но есть ли другое решение для проверки изображения и назначить другой SRC.
1 ответ
Решение
var myJapaneseImgSrcs=['http://example.com/j1.png','http://example.com/j2.png',...];
$(".jcarousel img").each(function(index,ele){
$(this).attr('src',myJapaneseImgSrcs[index]);
});
Не испытано.
Документы - http://api.jquery.com/each/