Archivio > Fuori tema, Grafica > Singolo: Galleria Flickr e plugin per Textpattern

Galleria Flickr e plugin per Textpattern

Ultima modifica: Domenica 15 Febbraio 2009

Con Flickr, il nuovo servizio di photo sharing, è possibile pubblicare e organizzare le proprie immagini e foto in album digitali.

Oggi ho aperto una mia galleria su Flickr dove inserire man mano foto e immagini in grafica raster e vettoriale.

Realizzare una lista delle ultimi immagine pubblicate sul servizio è possibile grazie al plugin vdh_flickr per Textpattern. Tuttavia, visto che la documentazione associata al plugin non sembra essere molto chiara, ho deciso di illustrare un modo rapido e indolore per ottenere la lista delle ultime immagini, in miniatura.

Innanzi tutto, dobbiamo creare un articolo nel quale andranno a finire queste piccole anteprime. Il tag da utilizzare segue la seguente sintassi:

<txp:vdh_flickr_thumbnails_list nsid="" latest="" open="flickr" />	

L'attributo nsid sta per il vostro id Flickr (se non lo sapete andate su idgettr.com ), mentre latest sta per il numero di miniature da visualizzare.

Ho notato anche che lo script genera codice html abbastanza scadente (le immagini sono affiancate una dietro l'altra!), e quindi ho pensato di modificarlo un pò. Per ottenere una normalissima lista non-ordinata, andate nel vostro pannello di amministrazione txp e dirigetevi in Amministrazione > Plug-in. A questo punto cliccate sulla voce Modifica relativa alla riga riferita al plugin (che, ricordo, si chiama vdh_flickr) e modificate quanto segue.

Verso la riga 478 circa (incollate tutto su un editor, ve lo consiglio) dovreste trovare una funzione:

function thumbnails_link($img_url)

Dentro di essa, dovrebbe esserci la seguente istruzione:

if($this->open == 'flickr') {
      $html = '<a href="http://www.flickr.com/photos/' . urlencode($this->nsid) . '/' . $this->photo['id'] . '/">' . "\n";
      $html .= $img_url;
      $html .= '</a>' . "\n";
    }

Per trasformarla in una lista HTML non-ordinata, sostituite l'ultima porzione di codice con:

if($this->open == 'flickr') {
      $html = '<li><a href="http://www.flickr.com/photos/' . urlencode($this->nsid) . '/' . $this->photo['id'] . '/">' . "\n";
      $html .= $img_url;
      $html .= '</a></li>' . "\n";
    }

Ora, tornate al corpo dell'articolo dove avete incluso il tag che visualizza le ultime miniature (txp:vdh_flickr_thumbnails_list); prima e dopo di esso aggiungete rispettivamente <ul> e </ul>, e finalmente avrete una normalissima lista semantica di immagini. :-)

Fatemi sapere cosa ne pensate dei miei lavori. :-P

Approfondimenti

L'articolo è stato di tuo gradimento? Puoi controllare che vi sia altro di tuo interesse nelle categorie e , oppure iscriverti al notiziario RSS e seguirmi su per restare sempre aggiornato sulle ultime pubblicazioni.

Pubblicato domenica 17 dicembre 2006.

Discussione [3]

  1. Roberto aggiunge:

    [Immagine] Segue l'intervento di Roberto

    Adoro Pulse. Peccato che sia disponibile solo in bassa risoluzione… ;)

  2. eKoeS aggiunge:

    [Immagine] Segue l'intervento di eKoeS

    Nasce come firma, mi dispiace. :-D
    Comunque posso provare a rifarlo, anche se in genere sono tutte immagini realizzate in lugubri momenti di “fancazzismo”. :-P

  3. Marco aggiunge:

    [Immagine] Segue l'intervento di Marco

    Potresti rendere disponibile il plugin al download già modificato secondo il tuo punto di vista… P.s. L’ho modificato anche io appena installato.

Discuti

Il blog è in sola lettura.

Paginatura: