Изменить изображения слайдера 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/

Другие вопросы по тегам