Скрипт который меняет пути картинки в теге data-image-src, как сделать рабочим?

Question

[lamoshnik]

В этом диве должны меняться картинки

<div class="full_height" data-parallax="scroll" id="full_height" data-image-src="assets/images/me-1.jpg">

А это скрипт который меняет картинки:

<script>
const src = [
  'assets/images/me-1.jpg',
  'assets/images/me-2.jpg',
  'assets/images/me-3.jpg'
]

let index = -1;

setInterval(function()
{
  index = (index + 1) % src.length;
$("#full_height").attr("data-image-src", src[index]);
}, 1000)
</script>

Скрипт должен каждую секунду менять пути
Почему не работает, что я написал не так?(

Comments

[DanKud]

Потому что сам браузер не знает, что такое data-image-src и меняя этот атрибут вы ничего кроме замены в нем значения браузеру не сообщаете. Этот атрибут у вас используется каким-то другим скриптом. Вам нужно менять непосредственно тот атрибут или стили элемента, которые отображают картинку в браузере. Либо инициализировать изменения у скрипта, который этот атрибут читает.

Answer 1

[Андрей]

Во-первых, положите весь код внутрь $(document).ready(...)
Во-вторых вы меняете data-image-src, а нужно менять src у картинки. Было бы хорошо увидеть весь код.

Comments

[lamoshnik]

Мне и нужно менять data-image-src

[Андрей]

lamoshnik, значит скажите скрипту, который берёт эти данные, что аттрибут обновился

[lamoshnik]

Андрей, Это голый скрипт, первоночальный data-image-src="assets/images/me-1.jpg" прописан в ручную.
Просто он не меняется(

[Андрей]

lamoshnik, я попробовал ваш код, всё меняется https://jsfiddle.net/fze69bjq/