UNPKG

@bashbers/astro-image-dithering

Version:

Astro image dithering plugin - converts png's in project to dithered.pngs and uses them inside markdown files.

20 lines (19 loc) 774 B
if (typeof document !== 'undefined') { document.addEventListener('DOMContentLoaded', () => { console.log('loaded'); document.querySelectorAll('.dithered-image-container').forEach((fig) => { const img = fig.querySelector('img'); const btn = fig.querySelector('button'); const srcA = fig.dataset.srcA; const srcB = fig.dataset.srcB; if (!img || !btn || !srcA || !srcB) return; //ensure btn, img and srcs are available btn.addEventListener('click', () => { img.src = img.src.includes(srcA) ? srcB : srcA; img.classList.toggle('dithered'); }); console.log('click listener added'); }); }); } export {};