Pictures Gallery

.ptc-gallery { background: black; width: 100%; aspect-ratio: 4/3; } @media only screen and (max-width: 600px) { .ptc-snaps { max-height: 200px; overflow-y: auto; } } @media only screen and (min-width: 601px) { .ptc-snaps { max-height: 300px; overflow-y: auto; } } .ptc-snaps div { display: inline-block; max-height: 65px; max-width: 65px; margin: 2px; overflow:hidden; animation: fadeIn 5s; } .ptc-snaps img { cursor: pointer; min-height: 55px; object-fit: cover; } .ptc-snaps div:focus { opacity: 0.7; } window.addEventListener('load', function() { buildGallery(); },false); function buildGallery() { // Check if the post has images let allImgs = document.querySelectorAll('.postBody img'); let allImgsT = document.querySelectorAll('.postBody div.separator'); if(allImgs.length > 0) { for(i=1; i<allImgs.length-1; i++) { let subParentDiv = document.createElement('div'); let imglets = document.createElement('img'); let temp = allImgs[i].src.split('/'); temp[7] = 's100-rw'; temp = temp.join('/'); imglets.setAttribute('src', temp); imglets.setAttribute('class', 'lazy'); imglets.setAttribute('onclick', 'letsPreview(this)'); subParentDiv.appendChild(imglets); document.querySelectorAll('.ptc-snaps')[0].appendChild(subParentDiv); } for(i=0; i<allImgsT.length; i++) { if(allImgsT[i].nextSibling.tagName == 'BR') allImgsT[i].nextSibling.remove(); allImgsT[i].remove(); } letsPreview(document.querySelectorAll('.ptc-snaps img')[0]); } } function letsPreview(myData) { document.querySelector('#ptc-preview').removeAttribute('src'); let temp = myData.src.split('/'); temp[7] = 's1600'; temp = temp.join('/'); document.querySelector('#ptc-preview').src = temp; }

Hi there Catters!

Our Battle Cats Mods is in the latest version. Please click the links below!

Subscribe now to PTC Reborn™

StoreHaccounts (Battle Cats Community)

Pictures Gallery