Задать вопрос
@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
  • Вопрос задан
  • 2771 просмотр
Подписаться 3 Оценить Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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