Ricordate quelle gallerie fotografiche di immagini in flash stile polaroid che fluttuano sullo schermo?

Oggi ve ne propongo una simile: Interactive Xml Gallery

interactive_xml_gallery.jpg

Abbiamo la possibilità di visualizzare le foto in modalità random oppure in modalità categorie, quest’ultima modalità allinearà per categorie le varie immagini.

Le immagini vengono richiamate da un file xml esterno in questo modo:

<photo name="A glass of OJ">
<details URL="juice.jpg" category="food and bev"></details>
</photo>

  • name: nome dell’immagine che vrrà visualizzato
  • url: percorso assoluto (http://www.sito.it/foto/julius.jpg) o relativo (foto/julius.jpg) dell’immagine
  • category: Categoria da associare all’immagine

Nel file XML ci basterà inserire il percorso dell’immagine da visualizzare e in automatico verrà richiamata il file dello stesso nome con la desineza _small

Scarica il sorgente
Guarda il Tutorial

Fonte [www.clyral.com]

Author

Sono un Creative Strategist con più di 10 anni di esperienza in strategie digitali. Il mio ruolo di Stratega consiste nell’ideare e sviluppare concept creativi per progetti multicanale, individuando le attivazioni e dinamiche di Marketing da applicare attraverso un approccio strategico.

55 Commenti

  1. Ad esempio Firefox non dà nessun errore ma non carica il filmato (resta la pagina nera) … Non ci capisco più nulla… Ho guardato anche i vari codici ed il resto, ma non capisco dove possa essere l’errore. Ma solo a me ha dato problemi o ci sono anche altri lettori che hanno avuto lo stesso problema?

  2. Ciao Jiulius,
    avendo caricato diverse foto mi ritrovo che, quando scelgo la voce “stack” e mi dispone le foto per categoria, riesco a visualizzare solamente poche miniature.
    Come potrei riolvere il problema?
    Grazie e tanti complimenti.
    Will

  3. Ciao Jiulius,
    scusa ma ho lo stesso problema di Diego…cioè inserire nella foto grande oltre nome e categoria, anche un bottone che mi rimanda ad un link.
    Ho provato a capirci qualcosa e a modificare il fla…solo non riesco a concludere nulla…recupero sempre e solo il nome della foto. ti prego mi mandi il codice da modificare.
    Grazie San Jiulius ;)

  4. Stefano

    Ciao Jiulius,
    complimenti per la galleria, cercavo proprio qualcosa del genere per il mio sito!!
    Volevo chiederti come aggiungeresti la funzione di cambiare le immagini all’interno del ingrandimento, tipo con due pulsanti classici next/prew.
    Ho provato ad aggiungere la funzione, ma si vede che son proprio nabbo… mi daresti una mano?
    Grazie

Commenti