WordPress: usare il puro JavaScript per ottenere le immagini a piene dimensioni partendo dalle loro thumbnail

Short link

In WordPress possiamo usare il puro JavaScript per ottenere le immagini originali a partire dalle thumbnail.

Si tratta di individuare le immagini che sono thumbnail e rimuovere la stringa contenente le dimensioni dall'URL dell'immagine.


'use strict';

const setFullSizeWpImages = () => {
    const images = document.getElementsByTagName('img');
    if(images.length > 0) {
        images.forEach(img => {
            let src = img.src;
            if(/-150x150/g.test(src)) {
                img.src = img.src.replace(/-150x150/g, '');
            }
        });
    }
};

document.addEventListener('DOMContentLoaded', () => {
    setFullSizeWpImages();
});

L'autore

Gabriele Romanato, sviluppatore web full stack specializzato in siti, applicativi web ed e-commerce con Node.js e PHP.