Показать сообщение отдельно
  #1 (permalink)  
Старый 22.07.2020, 21:16
Новичок на форуме
Отправить личное сообщение для Tolik003 Посмотреть профиль Найти все сообщения от Tolik003
 
Регистрация: 22.07.2020
Сообщений: 4

Замена изображения jpg на webp в слайдере
Подскажите пожалуйста как я могу изменить url для каждой картинки слайдера. Кроме как document.querySelector('.slide-image').style.backgroundImage.replace("jpg", 'webp') ничего в голову не приходит и не работает

function testWebP(callback) {

    var webP = new Image();
    webP.onload = webP.onerror = function () {
        callback(webP.height === 2);
    };
    webP.src = "data:image/webp;base64,UklGRjoAAABXRUJQVlA4IC4AAACyAgCdASoCAAIALmk0mk0iIiIiIgBoSygABc6WWgAA/veff/0PP8bA//LwYAAA";
}

testWebP(function (support) {
    if (support === true) {
        document.querySelector('body').classList.add('webp');
        document.querySelector('.slide-image').style.backgroundImage.replace("jpg", 'webp');
    }else{
        document.querySelector('body').classList.add('no-webp');
    }
});
Ответить с цитированием