ZAIZRAS / FOTOGRAFIJŲ ARCHYVAS
2011 / Fotografijų serija
13 fotografijų · Pasirinkite miniatiūrą arba naudokite rodykles. Paspaudę didelę fotografiją atversite peržiūrą.
01 / 13
![Fotografija]()
ZAIZRAS · 2011
TEST – Redakcinė galerija
.zaizras-editorial{–zg-text:#191919;–zg-muted:#777;–zg-line:#dedede;max-width:1300px;margin:32px auto 60px;color:var(–zg-text);font-family:Arial,Helvetica,sans-serif;box-sizing:border-box}
.zaizras-editorial *{box-sizing:border-box}
.zaizras-editorial .zg-head{margin:0 0 24px}
.zaizras-editorial .zg-kicker{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(–zg-muted);margin:0 0 12px}
.zaizras-editorial .zg-title{font-family:Georgia,serif;font-size:clamp(34px,5vw,64px);font-weight:400;line-height:1.05;margin:0 0 12px}
.zaizras-editorial .zg-desc{font-size:13px;line-height:1.6;color:var(–zg-muted);margin:0}
.zaizras-editorial .zg-layout{display:grid;grid-template-columns:82px minmax(0,1fr);gap:18px;align-items:start}
.zaizras-editorial .zg-thumbs{display:flex;flex-direction:column;gap:8px;max-height:660px;overflow-y:auto;scrollbar-width:thin}
.zaizras-editorial .zg-thumb{appearance:none;border:2px solid transparent;padding:0;background:transparent;cursor:pointer;opacity:.58;line-height:0;flex:none}
.zaizras-editorial .zg-thumb[aria-current=“true“]{border-color:#151515;opacity:1}
.zaizras-editorial .zg-thumb:focus-visible,.zaizras-editorial .zg-nav button:focus-visible,.zaizras-editorial .zg-main:focus-visible{outline:3px solid #888;outline-offset:2px}
.zaizras-editorial .zg-thumb img{width:100%;height:64px;object-fit:cover;display:block}
.zaizras-editorial .zg-stage{min-width:0}
.zaizras-editorial .zg-main{display:flex;align-items:center;justify-content:center;width:100%;min-height:320px;height:min(64vw,620px);padding:0;border:0;background:#f3f3f3;cursor:zoom-in}
.zaizras-editorial .zg-main img{display:block;width:100%;height:100%;object-fit:contain}
.zaizras-editorial .zg-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;font-size:12px;color:var(–zg-muted)}
.zaizras-editorial .zg-nav{display:flex;align-items:center;gap:8px}
.zaizras-editorial .zg-nav button{border:1px solid var(–zg-line);background:#fff;color:#111;font-size:24px;line-height:1;width:46px;height:40px;cursor:pointer}
.zaizras-editorial .zg-nav button:hover{background:#eee}
.zaizras-editorial .zg-lightbox[hidden]{display:none!important}
.zaizras-editorial .zg-lightbox{position:fixed;inset:0;z-index:2147483647;background:rgba(0,0,0,.97);color:#fff;display:flex;align-items:center;justify-content:center;padding:65px 65px 75px}
.zaizras-editorial .zg-lightbox-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.zaizras-editorial .zg-lightbox-count{position:absolute;top:20px;left:24px;font-size:13px;color:#ddd}
.zaizras-editorial .zg-lightbox button{position:absolute;border:0;background:transparent;color:#fff;cursor:pointer;font-size:35px;line-height:1;padding:10px}
.zaizras-editorial .zg-close{right:16px;top:10px}
.zaizras-editorial .zg-prev{left:8px;top:50%;transform:translateY(-50%)}
.zaizras-editorial .zg-next{right:8px;top:50%;transform:translateY(-50%)}
.zaizras-editorial .zg-lightbox-label{position:absolute;bottom:18px;left:15px;right:15px;text-align:center;font-size:12px;color:#aaa}
@media(max-width:650px){.zaizras-editorial{margin:18px auto 40px}.zaizras-editorial .zg-layout{display:flex;flex-direction:column-reverse;gap:12px}.zaizras-editorial .zg-thumbs{width:100%;max-height:none;overflow-x:auto;overflow-y:hidden;flex-direction:row;gap:7px}.zaizras-editorial .zg-thumb{width:64px}.zaizras-editorial .zg-thumb img{height:54px}.zaizras-editorial .zg-stage{width:100%}.zaizras-editorial .zg-main{min-height:220px;height:62vh;max-height:560px}.zaizras-editorial .zg-lightbox{padding:55px 35px 65px}.zaizras-editorial .zg-prev{left:0}.zaizras-editorial .zg-next{right:0}}
(function(){
var root=document.currentScript.previousElementSibling;
if(!root || !root.classList.contains(‘zaizras-editorial’))return;
var base=’https://zaizras.net/wp-content/uploads/2011/04/’;
var files=[‘61650004.jpg’,’61650008.jpg’,’61650031.jpg’,’61650034.jpg’,’61650033.jpg’,’61650002.jpg’,’61650015-scaled-1000.jpg’,’61650024-scaled-1000.jpg’,’61650029.jpg’,’61650016.jpg’,’61750022_1-scaled1000.jpg’,’61750028-1-scaled1000.jpg’,’61750029-1-scaled1000.jpg’];
var idx=0, lastFocus=null, touchX=null;
var thumbs=root.querySelector(‘.zg-thumbs’),main=root.querySelector(‘.zg-main img’),counter=root.querySelector(‘.zg-counter’),overlay=root.querySelector(‘.zg-lightbox’),big=root.querySelector(‘.zg-lightbox-image’),overlayCount=root.querySelector(‘.zg-lightbox-count’);
function number(n){return String(n).padStart(2,’0′)+’ / ‘+String(files.length).padStart(2,’0′)}
function show(n){idx=(n+files.length)%files.length;main.src=base+files[idx]+’?w=1200′;main.alt=’Fotografija ‘+(idx+1)+’ iš ‘+files.length;counter.textContent=number(idx+1);overlayCount.textContent=number(idx+1);big.src=base+files[idx];big.alt=main.alt;Array.prototype.forEach.call(thumbs.children,function(el,i){el.setAttribute(‘aria-current’,i===idx?’true’:’false’)});}
files.forEach(function(file,i){var b=document.createElement(‘button’);b.type=’button’;b.className=’zg-thumb’;b.setAttribute(‘aria-label’,’Rodyti fotografiją ‘+(i+1));var im=document.createElement(‘img’);im.src=base+file+’?w=150′;im.alt=“;im.loading=’lazy’;b.appendChild(im);b.addEventListener(‘click’,function(){show(i)});thumbs.appendChild(b)});
function open(){lastFocus=document.activeElement;overlay.hidden=false;document.documentElement.style.overflow=’hidden’;root.querySelector(‘.zg-close’).focus()}
function close(){overlay.hidden=true;document.documentElement.style.overflow=“;if(lastFocus&&lastFocus.focus)lastFocus.focus()}
root.querySelector(‘.zg-main’).addEventListener(‘click’,open);
root.querySelector(‘.zg-back’).addEventListener(‘click’,function(){show(idx-1)});
root.querySelector(‘.zg-forward’).addEventListener(‘click’,function(){show(idx+1)});
root.querySelector(‘.zg-prev’).addEventListener(‘click’,function(){show(idx-1)});
root.querySelector(‘.zg-next’).addEventListener(‘click’,function(){show(idx+1)});
root.querySelector(‘.zg-close’).addEventListener(‘click’,close);
overlay.addEventListener(‘click’,function(e){if(e.target===overlay)close()});
overlay.addEventListener(‘touchstart’,function(e){if(e.touches.length===1)touchX=e.touches[0].clientX},{passive:true});
overlay.addEventListener(‘touchend’,function(e){if(touchX===null)return;var dx=e.changedTouches[0].clientX-touchX;if(Math.abs(dx)>55)show(idx+(dx<0?1:-1));touchX=null},{passive:true});
document.addEventListener('keydown',function(e){if(overlay.hidden)return;if(e.key==='Escape')close();if(e.key==='ArrowRight')show(idx+1);if(e.key==='ArrowLeft')show(idx-1)});
show(0);
})();
