根据当前语言更改图像而不重新加载页面 JQuery

Question

我尝试使用 JQuery 根据当前语言更改图像（轮播的第一张幻灯片）而不重新加载页面。到目前为止，我已经成为了这个，但由于某种原因是不工作的。（我是初学者）

HTML Code sample

<picture>
    <source  id="premierSlide" srcset="assets/img/header/BG1.png" media="(min-width: 1200px)">
    <source srcset="assets/img/mobile/BG1-tablet.png" media="(min-width: 768px)">
    <source srcset="assets/img/mobile/BG1.png" media="(min-width: 320px)">
    <img    srcset="assets/img/header/BG1.png" alt="responsive image" class="d-block img-fluid">
</picture>

JQUERY code sample

$(document).ready(function(){
    if ($'html').attr('currentLang') != 'FR' ) {
        $('#premierSlide').attr('srcset', 'assets/img/header/BG1.png')
    }else{
        $('#premierSlide').attr('srcset', 'assets/img/header/BG1ENG.png')
    }
});

任何帮助将不胜感激！

Answer 1

更正拼写错误：

 if ($'html').attr('currentLang') != 'FR' ) {

至

 if ($('html').attr('currentLang') != 'FR' ) {

Answer 2

 function slideLang(currentLang) {
    var firstSlide;
    if(currentLang!="FR"){
     document.getElementById('premierSlide').srcset="assets/img/header/BG1ENG.png"
    }else{
      document.getElementById('premierSlide').srcset="assets/img/header/BG1.png"
    }
  }

更新：使用此方法有效。

根据当前语言更改图像而不重新加载页面 JQuery

Change image without reloading the page based on current language JQuery

javascript

jquery

swap

image

lang