Вопрос, какое событие в API можно применять, чтобы вызвать функцию

Смотри, можно поверх той картинки размещать твой jpg, но давать ему visibility hidden, как итог клик будет на нём срабатывать Но тогда нет смысла от всех оптимизаций webp потому что ты по две картинки будешь загружать

0

08.08.2021

Maksim

это сервер должен делать, а не клиент. В крайнем случае, клиент может отдавать сразу две картинки, примерно так: <picture> <source srcset="logo.webp" type="image/webp"> <img src="logo.png"> </picture> если браузер поддерживает webp формат, он будет использовать logo.webp. Иначе logo.png

0

08.08.2021

Luka Solncev Автор вопроса

Bogdan
Смотри, можно поверх той картинки размещать твой j...

я пока сделал такое решение, из палок и г jQuery(document).ready(function($) { $( "img.attachment-fullwidth-thumb" ).contextmenu(function() { let w = $(this).width(), h = $(this).height(), s = $(this).attr("src"), c = $(this).attr("class"), p = $(this).parent(); let i = $('<img>', { width: w, height: h, class: c, src: s+'?webp=no' }); $(this).remove(); p.append(i); }); }); а на стороне веб сервера в nginx а в nginx $arg_webp через if проверку на no или yes и отдаем jpg вместо webp

0

08.08.2021

Bogdan

Luka Solncev
я пока сделал такое решение, из палок и г jQuery(d...

Не понял но ладно

0

08.08.2021

Luka Solncev Автор вопроса

Bogdan
Не понял но ладно

ну если клиент на картинке кликает правой кнопкой мыши, мы удаляем этот img и вместо него создаем новый img где src получается не webp , а jpg, тк событие возникает между ПКМ и вызовом контекст меню и клиенту отдается JPG

0

08.08.2021

Bogdan

Luka Solncev
ну если клиент на картинке кликает правой кнопкой ...

Оно так не сработает

0

08.08.2021

Luka Solncev Автор вопроса

Bogdan
Оно так не сработает

уже сработало , я проверил

0

08.08.2021