Как добавить alt-теги в слайд-шоу изображений с помощью backstretch?

Question

Я пытаюсь добавить теги alt в слайд-шоу изображений, используя backstretch, но мой код ниже не работает.

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
<script src="js/min/jquery.backstretch-min.js"></script> 
<script>
    $.backstretch([
     { url: "img/hero/hero11.jpg", alt: "Some alt text" }, 
     { url: "img/hero/hero10.jpg", alt: "Some alt text 2" },
    ],  {duration: 2000, fade: 750});
  });
});

</script>

Я добавил это к jquery .backstretch-min. js:

 $(document).ready(function() { $('.backstretch img').attr('alt', 'this is a purple background image'); });

И это работает для первого изображения, но когда слайд-шоу меняется на следующее image alt tag исчезает и никогда не перезагружается

reeljan ie .com для справки, слайд-шоу на домашней странице должно иметь альтернативные теги.

Я очень новичок в js, спасибо за вашу помощь.

Answer 1

Вам не нужно ничего добавлять к jquery.backstretch-min.js, поскольку он поддерживает alt очень хорошо .

Все, что вам нужно, это исправить JS, в котором есть синтаксическая ошибка из-за последних двух строк.
Просто удалите их:

    $.backstretch([
     { url: "https://picsum.photos/400/230", alt: "Some alt text" }, 
     { url: "https://picsum.photos/400/230", alt: "Some alt text 2" },
    ],  {duration: 2000, fade: 750});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-backstretch/2.1.18/jquery.backstretch.min.js"></script>