function counter(event) {
var element = event.target; // DOM element, in this example .owl-carousel
var items = event.item.count; // Number of items
var item = event.page.index + 1; // Position of the current item
if (item == 0) {
item = 1;
}
$('#counter').html(""+item+" of "+items)
}
});
имхо, самый простой вариант, если делать вручную - для всех больших изображений в теге img вместо атрибута src использовать data-src, а после загрузки страницы заменить data-src на src.
самый простой вариант, используя готовые плагины - jQuery Lazy