Сайт на 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