我尝试使用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')
}
});
任何帮助将非常感谢!
修正错字:
if ($'html').attr('currentLang') != 'FR' ) {
至
if ($('html').attr('currentLang') != 'FR' ) {
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"
}
}
更新:它正在使用此方法。