Un flickr badge W3C valido

Da quanche giorno nella sezione arts sono esposte le immagini caricate nel mio spazio flickr, più di una persona mi ha chiesto come faccia ad avere quel badge e contemporaneamente a mantenere la pagina valida per gli standard W3C.
Basta creare un badge HTML dalla pagina http://www.flickr.com/badge.gne ed estrarre il codice javascript, il quale sarà simile al seguente:

<script type="text/javascript"src="http://www.flickr.com/badge_code_v2.gne?...
</script>

Esso dipende dalle scelte fatte durante la creazione ma è semplice distinguere alcuni parametri. Ad esempio count è il numero di immagini da visualizzare, display indica se si vogliono avere solo le ultime immagini inserite (valore “latest”) o scelte casualmente (valore “random”) e cosi’ via. Per generare la stringa adatta alle proprie esigenze è bene provare le varie opzioni del wizard offerto da flickr ed infine se prorio non si è contenti del risultato andare a modificare la stringa manualmente.
In questo modo abbiamo cancellato lo stile creato in automatico, il risultato sarà qualcosa di simile alle quattro immagini disposte senza spaziatura nella figura.

Possiamo creare uno stile personalizzato per la disposizione nel seguente modo

<div id="myflickr">
<script type="text/javascript"
src="http://www.flickr.com/badge_code_v2.gne?…"></script>
</div>

ed aggiungere al css della pagina le definizioni per il box myflick e le immagini in esso contenute.

#myflickr {
background: #CCCCCC;
padding:10px;
}


#myflickr img {
float:left;
border-color:#666666;
padding:4px;
}

Adesso avete un box con sfondo grigio ed immagini distanziate di 4 pixel con bordo. In questo modo si sfruttano direttamente le immagini esposte da flickr, un vero tocco d’interoperabilità ma che ci lega ed un sistema gestito da yahoo.