Задать вопрос
@Richard_Ferlow
Веб-программист

Как «починить» в bootstrap «прыгающий» popover при показе img заранее неизвестного размера?

Сайт на bootstrap, для показа увеличенных "превью" решил использовать popover, но изображения подгружаются при показе, в это время крутится loader и размер изображения заранее не известен, из-за этого (я так понимаю) окошко popover "прыгает" так как сразу неясно, сверху оно поместится или снизу. Как исправить это можно? auto режим хотелось бы оставить, без него считай никак.
function imgLoaded(img){
    var imgWrapper = img.parentNode;

    imgWrapper.className += imgWrapper.className ? ' loaded' : 'loaded';
};

$(".listitem12 .hotels-photos-item").popover({
    'trigger':'hover',
    'html':true,
    'placement': 'auto top',
    'content':function(){
        return "<div class=loaderbg><img  src='"+$(this).data('image-path')+"' onload='imgLoaded(this)'></div>";
    }
});

Может быть, показ "лоадера" можно как-то иначе сделать, но мне в голову не приходит что-то. Либо это с версткой проблема просто?

Пример можно здесь посмотреть (на фото отелей наводить на разные).
link
  • Вопрос задан
  • 2772 просмотра
Подписаться 3 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Нетология
    Fullstack-разработчик на Python + нейросети
    20 месяцев
    Далее
  • Skillfactory
    Профессия Веб-разработчик
    12 месяцев
    Далее
  • Академия Eduson
    Fullstack-разработчик на JavaScript
    11 месяцев
    Далее
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы