<a data-fancybox="gallery" href="files/gallery_products/full=<?=$r['file'];?>" title="<?=$r['stext'];?>">Мое же нет ))
какого-то черта лешего они (Adobe) не стали развивать данное направление
p.s. Я так понимаю мы с вами не в одном танке едем, у нас разные виденья и разные пути, я так понимая скорее мы оба в танках стоим на противоположной стороне и вам предложить в данной тематике пока нечего? ))
В текущих реалиях проще эмигрировать, чем тратить время на это вот все.
Imho все адекватные люди аполитичны
<h1>4k картинка
</h1>
<span id="perc"></span>
<button id="button">Загрузить</button>
<img src="" alt="" id="image">
<script>
function updatePercentage(perc) {
document.getElementById('perc').innerHTML = perc + '%';
console.warn(perc);
}
button.onclick = () => {
const el = document.getElementById('image')
const srcImg = 'Sample-jpg-image-30mb.jpg';
let completePercentage = 0;
var xmlHTTP = new XMLHttpRequest();
xmlHTTP.open('GET', srcImg,true);
xmlHTTP.responseType = 'arraybuffer';
xmlHTTP.onload = function(e) {
var blob = new Blob([this.response]);
el.src = window.URL.createObjectURL(blob);
};
xmlHTTP.onprogress = function(e) {
completePercentage = parseInt((e.loaded / e.total) * 100);
updatePercentage(completePercentage);
};
xmlHTTP.onloadstart = function() {
completePercentage = 0;
updatePercentage(completePercentage);
};
xmlHTTP.send();
};
</script>