Question

这是我的滑块

的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分配不同id的解决方案，但是有没有其他解决方案来检查图像并分配不同的src。

Answer 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/

使用jquery或javascript更改滑块图像src

1 个答案: