J'essaie de changer une image (première diapositive du carrousel) en fonction de la langue actuelle sans recharger la page, en utilisant JQuery. Jusqu'à présent, je suis devenu avec cela, mais pour une raison quelconque, cela ne fonctionne pas. (Je suis un débutant)

Exemple de code 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>

Exemple de code 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')
    }
});

N'importe quelle aide sera grande appréciée !

0
John Cornea 14 mars 2019 à 11:40

2 réponses

Meilleure réponse

Corrigez la faute de frappe :

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

À

 if ($('html').attr('currentLang') != 'FR' ) {
0
Uncoke 14 mars 2019 à 08:44
 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"
    }
  }

Mise à jour : cela fonctionne en utilisant cette méthode.

0
John Cornea 14 mars 2019 à 10:05