Su diversi blog si discute di un tutorial apparso recentemente su Webmonkey: Live Thumbnails: Watch 'em Grow.
La tecnica, basata sull'uso di Javascript e DOM, consente la creazione di una galleria di immagini con miniature che si ingrandiscono nella stessa pagina. Ecco la demo.
A far discutere è il fatto di poggiare sull'utilizzo di attributi HTML non standard per attivare le funzioni principali dello script. Questa la parte 'incriminata':
<a href="large.jpeg" class="livethumbnail">
<img src="thumbnail.jpeg" width="120" height="90" largewidth="480" largeheight="360" />
</a>
Gli attributi largewidth
e largeheight
non sono validi, ma servono per passare allo script le dimensioni reali dell'immagine. Chris Heilman rimprovera all'autore una certa superficialità : è vero che fa riferimento ad un articolo di Peter Paul Koch in cui la soluzione dei custom attributes viene valutata positivamente, ma dimentica che lo stesso suggerisce l'adozione, in queste situazioni, di una DTD ad hoc in grado di supportare gli elementi non standard. E già su questo potrebbe iniziare anche qui il dibattito.
C'è però un altro appunto di Heilman che vorrei evidenziare. Riguarda l'uso, in casi simili, del ridimensionamento delle immagini via HTML, una soluzione che definisce "ugly as hell and slow on a busy machine". àˆ davvero così? Opinioni?