Артем Колчин

использовал slideChangeTransitionEnd, проблема ушла.

Всем спасибо за ответы
Дело было в htaccess

#RewriteCond %{REQUEST_FILENAME} !-d
#RewriteRule ^(.*)/$ /$1 [L,R=301]

Вот из за этого правила кидало запросы на http

В общем взял в итоге решение
https://www.npmjs.com/package/image-map
У меня была проблема что изначально изображения скрывались под display:none;
Поэтому я вызывал
ImageMap('img[usemap]')
Только когда изображения появлялись. Работает.

Решил таким образом

slider.noUiSlider.on('update', function (values, handle) {
                titleValues[handle].innerHTML = values[handle];
                $( "input#minCost" ).val( values[ 0 ] );
                $( "input#maxCost" ).val( values[ 1 ] );
            });

В функцию обновления слайдера добавил чтоб брал значения