@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
  • Вопрос задан
  • 2769 просмотров
Пригласить эксперта
Ваш ответ на вопрос

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

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