Блог

У меня есть стандартная HTML-карусель с двумя изображениями. Я хочу изменить src изображения на основе следующей логики:

ЕСЛИ URL-адрес src первого изображения содержит слово «Пустой», я хочу, чтобы сначала появилось 2-е изображение.
ЕСЛИ первый URL src изображения НЕ содержит слова «Пустой», я хочу сначала показать это изображение.
если оба URL изображения содержат слово «Пустой», покажите оба изображения.
ЕСЛИ ни одно из изображений не содержит слова «Пустой», покажите оба изображения (изображения, отличные от приведенных выше, управляемые из переменных данных). Сначала изображение 1. Изображение 2 секунды.

Вот мой HTML:

 lt;div class="slider-one"gt;  lt;ul class="bxslider1"gt;  lt;ligt;lt;img class="bximg1" src=""gt;lt;/imggt;lt;/ligt;  lt;ligt;lt;img class="bximg2" src=""gt;lt;/imggt;lt;/ligt; lt;/ulgt; lt;/divgt; 

Я попытался запустить сценарий, но не знаю, правильное ли это направление:

 lt;scriptgt;  carouselImg = () =gt; {  const currentImg = document.getElementsByClassName('bximg1');  const previousImg = document.getElementsByClassName('bximg2');    if (!currentImg.src.includes('Blank')) {  console.log(currentImg);  return currentImg.src = "https://www.fillmurray.com/640/360";  }  } lt;/scriptgt; 

Я полагаю, что это классический случай более близкого знакомства с фреймворками, чем со старой школой. 🙂

Любая помощь будет очень признательна!