@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
JavaScript
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 {};