Изменить изображение без перезагрузки страницы на основе текущего языка JQuery - PullRequest
Новая
       31

Изменить изображение без перезагрузки страницы на основе текущего языка JQuery

0 голосов
/ 14 марта 2019

Я пытаюсь изменить изображение (первый слайд карусели) на основе текущего языка без перезагрузки страницы, используя JQuery.До сих пор я стал с этим, но почему-то это не работа.(Я новичок)

Пример кода HTML 

<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 

$(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')
    }
});

Любая помощьбудет с благодарностью!

Ответы [ 2 ]

0 голосов
/ 14 марта 2019 
 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"
    }
  }

Обновление: этот метод работает.

0 голосов
/ 14 марта 2019

Исправьте опечатку: 

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

до 

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