Come trasformare le thumbnail di WordPress in lightbox con jQuery

Le thumbnail di WordPress, almeno quelle predefinite, sono tutte accomunate dalla stessa caratteristica: l'URL dell'immagine termina con la stringa -wxh dove w è la larghezza e h l'altezza.

Si tratta di racchiudere la thumbnail in un link che punti all'immagine a piene dimensioni. Fatto questo, possiamo usare un plugin per le lightbox:

$( "img.thumbnail" ).each(function() {
	var $img = $( this ),
		src = $img.attr( "src" ),
		fullURL = src.replace( "-150x150", "" ),
		link = "<a href='" + fullURL + "' class='lightbox'></a>";
		
		$img.wrap( link );
	
});

$( "a.lightbox" ).colorbox();